Follow

is there any fucking way of getting sane scrollbars, as in "wider than 1px", on every page?

fixed it with github.com/openstyles/stylus and

::-webkit-scrollbar {
width: auto !important;
height: auto !important;
max-width: auto !important;
max-height: auto !important;
min-width: auto !important;
min-height: auto !important;
}

works not on github, where somehow changing the width of the scrollbar sets it to be a completely white box. fucking 💯

ah, due to the magick of bootstrap it's a white box everywhere it is used.

🔥

fuck design:

::-webkit-scrollbar {
width: auto !important;
height: auto !important;
max-width: auto !important;
max-height: auto !important;
min-width: auto !important;
min-height: auto !important;
}

::-webkit-scrollbar-track {
background-color: lightgrey !important;
}

::-webkit-scrollbar-thumb {
background-color: darkgrey !important;
border: 1px darkgrey solid !important;
border-radius: 3px !important;
}

::-webkit-scrollbar-thumb:hover {
background: darkgrey !important;
border: 1px darkgrey solid !important;
}
::-webkit-scrollbar-thumb:active {
background: lightgrey !important;
}
::-webkit-scrollbar-corner {
background: lightgrey !important;
}

Sign in to participate in the conversation
CleverLibre Social

CleverLibre Social is an inclusive social instance for open discussion, learning, and community.
All cultures welcome.
Hate speech and harassment strictly forbidden.