viewer: moved scrollbar SCSS definition to its own file

1 files changed, 20 insertions, 0 deletions

diff --git a/viewer/src/assets/scss/scrollbar.scss b/viewer/src/assets/scss/scrollbar.scss
new file mode 100644
index 0000000..cfca929
--- /dev/null
+++ b/viewer/src/assets/scss/scrollbar.scss
@@ -0,0 +1,20 @@
+@import "~@/assets/scss/theme.scss";
+
+// === Scrollbar styling
+
+.scrollbar {
+  overflow: auto;
+  scrollbar-color: $scrollbar-color transparent;
+  scrollbar-width: thin;
+  &::-webkit-scrollbar {
+    width: $scrollbar-width;
+    height: $scrollbar-width;
+  }
+  &::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    box-shadow: inset 0 0 1px black;
+    background-color: $scrollbar-color;
+  }
+}