chore: making scrollbar track invisible (#254)

Co-authored-by: josef <josef.aidt@gmail.com>
aws-amplify · Aug 31, 2022 · 324b74e · 324b74e
1 parent 236df9b
commit 324b74e
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/src/routes/dashboard/components/ChannelHealth.svelte b/src/routes/dashboard/components/ChannelHealth.svelte
@@ -49,4 +49,22 @@
     max-height: 90vh;
     overflow-y: scroll;
   }
+
+  ::-webkit-scrollbar {
+    width: 12px;
+    height: 12px;
+  }
+
+  ::-webkit-scrollbar-track {
+    visibility: hidden;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: #ddd;
+    visibility: hidden;
+  }
+
+  :hover::-webkit-scrollbar-thumb {
+    visibility: visible;
+    border-radius: 6px;
+  }
 </style>