frontend: only use custom scrollbars on linux and windows

Android does not use scrollbars (at lest from Android version 14) and iOS and macOS have native scrollbars.
BitBoxSwiss · Nov 12, 2024 · fdfb0a6 · fdfb0a6
1 parent 5b2d38f
commit fdfb0a6
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/frontends/web/src/style/base.css b/frontends/web/src/style/base.css
@@ -37,15 +37,18 @@ h1, h2, h3, h4, h5 {
     line-height: 1.25;
 }
 
-::-webkit-scrollbar {
+.os-linux::-webkit-scrollbar,
+.os-windows::-webkit-scrollbar {
     background-color: transparent;
     width: 4px;
 }
-::-webkit-scrollbar-track {
+.os-linux::-webkit-scrollbar-track,
+.os-windows::-webkit-scrollbar-track {
     background-color: transparent;
 }
 
-::-webkit-scrollbar-thumb {
+.os-linux::-webkit-scrollbar-thumb,
+.os-windows::-webkit-scrollbar-thumb {
     background-color: var(--color-secondary);
 }