When viewing moOde on a desktop PC (Win 10) with Chrome it show the default scrollbars.
At the side of the screen it doesn't matter that much, but in the middle of the screen like with the playlist or tag view it is al little distracting from nice moOde interface.
Using chrome on my mobiles device, just behave different and don't require fixing. Don't know how it looks on other webkit based desktop browsers ?
Below is an css example that applies a smooth scrollbar style, only for webkit devices with a precise pointer, like desktop devices.
I know it won't make my music sound better, but it just annoys that it deviates from overal moOde style.
At the side of the screen it doesn't matter that much, but in the middle of the screen like with the playlist or tag view it is al little distracting from nice moOde interface.
Using chrome on my mobiles device, just behave different and don't require fixing. Don't know how it looks on other webkit based desktop browsers ?
Below is an css example that applies a smooth scrollbar style, only for webkit devices with a precise pointer, like desktop devices.
I know it won't make my music sound better, but it just annoys that it deviates from overal moOde style.
Code:
/* only target normal monitors */
@media (pointer: fine) {
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
background-color: var(--textvariant);
}
}