Skip to content

Instantly share code, notes, and snippets.

@adryd325
Last active July 19, 2020 02:57
Show Gist options
  • Save adryd325/bdd85f916b67e3fa81ed2791135da875 to your computer and use it in GitHub Desktop.
Save adryd325/bdd85f916b67e3fa81ed2791135da875 to your computer and use it in GitHub Desktop.
/*
* topBarGuildsList.css
* by Adryd
*
* Made this one night out of boredom
* inspired by: https://twitter.com/Ionghorn/status/1276213662575923201?s=21
*
* I can't care less to remove the namespacing stuff, when it breaks, it breaks.
* It's cursed as heck and the scrolling direction is out of whack.
* Could've fucked with it longer and gotten flex-direction working but oh well.
* works windows, should work on linux except for the padding on the left which
* was to compensate for macos buttons
*
* TODO: Make it namespace independant
* Prevent icons from moving subtly to the right when clicked
*
* have fun cursing your discord!
* Thank you Oyvk https://twitter.com/deerliker/status/1284046665251524608?s=21
*/
.wrapper-25eVIn {
transform: rotate(90deg);
}
.macButtons-2MuSAC {
height:72px !important;
}
.base-3dtUhz {
left: 0px !important;
top: 72px !important;
}
.wrapper-1Rf91z {
left: -36 !important;
margin-top: 36px !important;
margin-left: 0 !important;
}
.platform-osx .wrapper-1Rf91z {
margin-top: 36px !important;
}
.platform-osx .wrapper-1Rf91z {
height: calc(100vw - 76px) !important;
}
.platform-web, .wrapper-1Rf91z,
.platform-linux .wrapper-1Rf91z,
.platform-win .wrapper-1Rf91z {
transform: rotate(-90deg);
transform-origin: top;
height: 100vw !important;
overflow: none; /* Thank you Oyvk https://twitter.com/deerliker/status/1284046665251524608?s=21 */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment