3 ms·
Ya, I didn't understand this design choice. For a while I've had some custom css which also extends the width of the main content on github as well because I've
by humblebee 6y ago
Ya, I didn't understand this design choice. For a while I've had some custom css which also extends the width of the main content on github as well because I've always found reading some github issues with logs in them challenging.
This is the css I'm running now to fix this, as well as extend the width of the main content. The 1600px is such that when using i3 and having my browser be half the screen it consumes most of the screen space on my 4k monitor.
:root {
--width: 1600px;
}
.container-xl {
max-width: var(--width);
}
.pagehead {
padding-left: calc(50% - (var(--width) / 2));
padding-right: calc(50% - (var(--width) / 2));
}
- fireattack 6y agoThank you, this works perfectly.
- drey08 6y agoHow can I use this code snippet? Apologies if it's obvious to everyone.
- Jetroid 6y agoOn Chrome, I use an extension called 'Stylebot'. Not sure about other platforms.
- square_usual 6y agoYou can use Stylus on Firefox (and Chrome, too.)
- nsuser3 6y agoYou can use Stylus (https://addons.mozilla.org/en-US/firefox/addon/styl-us/ https://addons.mozilla.org/en-US/firefox/addon/styl-us/) to add custom CSS to websites.
- vimslayer 6y agoPeople have suggested extensions here, which is fine, but Firefox also supports this natively via custom css files that it can load for you on startup. They can be used for both styling Firefox itself and for modifying websites' styling. https://superuser.com/a/319322/1173126 https://superuser.com/a/319322/1173126 (be sure to read the comments of that answer too, these days you need to switch a flag in Ff settings to enable this feature)
- T3RMINATED 6y agoOn a large monitor I have to scan left to right, almost breaking my neck in the process wtf.
- ramzis 6y agoTo center everything I added: .col-md-9 { width: 100%; margin-top: 1em; } .col-md-3 { width: 100% !important; margin-bottom: 1em; } .flex-md-row { flex-direction: column!important; } .flex-md-row { flex-direction: column-reverse!important; } .BorderGrid--spacious .BorderGrid-cell { padding-top: .2em; padding-bottom: .2em; } div.BorderGrid.BorderGrid--spacious > div:not(:first-child) { display: none; }