Skip to content

Instantly share code, notes, and snippets.

@gbrayut
Last active March 4, 2022 19:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gbrayut/d621e7a4cb0824b92a85ab835ca274aa to your computer and use it in GitHub Desktop.
Save gbrayut/d621e7a4cb0824b92a85ab835ca274aa to your computer and use it in GitHub Desktop.
Fix various issues with the Reddit Redesign
/*
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