IBS: thin scrollbars

1 files changed, 25 insertions, 7 deletions

diff --git a/src/env/assets/styles/_ibs.scss b/src/env/assets/styles/_ibs.scss
index e1247f37..8ed06a8d 100644
--- a/src/env/assets/styles/_ibs.scss
+++ b/src/env/assets/styles/_ibs.scss
@@ -52,13 +52,13 @@ $red: #E11717;
 $red-hover: #FC2A2A;
 $red-active: #df2323;
 $red-disabled: #E17171;
-$red-click:  #C71414;
+$red-click: #C71414;
 $red-shadow: #e1171780;
 $red-light-background: #e117170d;
 
 $gray-2: #fbfbfc;
 $gray-5: #1a3e5b0d;
-$gray-5-hover:  #1427351a;
+$gray-5-hover: #1427351a;
 $gray-10: #1a3e5b1a;
 $gray-20: #1a3e5b33;
 $red-40:#e1171766;
@@ -85,16 +85,34 @@ $navbar-color: $dark;
   background-color: transparent !important;
 }
 
-.nav-container {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(12,32,64,.5) transparent;
-}
-
 //
 // botstrap-vue overrides:
 //
 [class*="table-responsive-"] {
   overflow: auto;
+}
+
+//
+// Scrollbars:
+//
+/* W3C standard: Firefox only */
+* {
   scrollbar-width: thin;
   scrollbar-color: rgba(12,32,64,.5) transparent;
 }
+
+/* For Chrome/Edge/Safari */
+*::-webkit-scrollbar {
+  height: 12px;
+  width: 8px;
+}
+
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: rgba(12,32,64,.5);
+  border-radius: 5px;
+  border: 3px solid transparent;
+}