feat(#BRU-7) - scrollbar styling for linux and windows #1589
Conversation
|
Thanks @lohit-1 ! |
|
@lohit-1 : is there a way to turn this off? Thin scrollbars (along with scrollbars that are not always visible) are very bad for usability. |
|
@cvmocanu Can you share a screenshot of how the scrollbar appears on your machine. We should be able to provide a toggle to use the system scrollbar instead of overriding it (that was done as a part of this PR). |
|
It looks like this: Notice that the scrollbar is very thin. This makes it difficult to grab it with the mouse cursor. (BTW, I'm glad that the scrollbar is always visible. Hidden scrollbars is another usability issue - you don't see what percentage you are scrolled at, just by looking, without scrolling). |
hi, @lohit-1 could you describe in more detail how and why it works? // scrollbar styling
// the below media query target non-macos devices
// (macos scrollbar styling is the ideal style reference)
@media not all and (pointer: coarse)I created a test page with this code and it showed: <html>
<head>
<style>
div {
font-size: 40;
}
div[data-target="no-mac"] {
display: none;
}
/* win-linux only selector ??? */
@media not all and (pointer: coarse) {
div[data-target="mac"] {
display: none;
}
div[data-target="no-mac"] {
display: block;
}
}
</style>
</head>
<div data-target="mac">MAC</div>
<div data-target="no-mac">NO MAC</div>
</html> |
Improved scrollbar styling for linux and windows
scrollbar_styling.webm