Last active
March 4, 2022 19:55
-
-
Save gbrayut/d621e7a4cb0824b92a85ab835ca274aa to your computer and use it in GitHub Desktop.
Fix various issues with the Reddit Redesign
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
TODO: add header like from https://raw.githubusercontent.com/pyxelr/Dark_Google_Calendar/master/Google-DarkCalendar.user.css | |
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors | |
https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors | |
#\32 x-container > div:nth-child(1) > div:nth-child(2) | |
#SHORTCUT_FOCUSABLE_DIV > div.subredditvars-r-sofistock | |
#SHORTCUT_FOCUSABLE_DIV div.ListingLayout-outerContainer | |
Below only works if you load chat directly (not if you navigate to it) | |
Can fix that using these selectors but probably breaks other things (need to keep testing) | |
#overlayScrollContainer > div | |
#overlayScrollContainer > div:nth-child(2) > div:nth-child(1) { | |
#overlayScrollContainer > div:nth-child(2) > div:nth-child(1) > div > div | |
*/ | |
#SHORTCUT_FOCUSABLE_DIV div.ListingLayout-outerContainer div[style^="max-width:1600"][style$="px"] | |
{ | |
max-width:unset !important; | |
/* | |
reset outer width restriction | |
display:none; | |
border-color: #ecea00; | |
*/ | |
} | |
#SHORTCUT_FOCUSABLE_DIV div.ListingLayout-outerContainer div[style^="max-width:1600"][style$="px"] > div:nth-child(1) { | |
max-width: 1200px !important; | |
/* | |
expand width of live chat | |
display:none; | |
*/ | |
} | |
#SHORTCUT_FOCUSABLE_DIV div.ListingLayout-outerContainer div[style^="max-width:1600"][style$="px"] > div:nth-child(1) > div > div | |
{ | |
max-height: 60vh; | |
/* | |
expand height of live chat | |
border-color: #ecea00; | |
*/ | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment