viewer: moved scrollbar SCSS definition to its own file

3 files changed, 21 insertions, 20 deletions

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 4d6c707..c82e1bc 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -102,26 +102,6 @@ button svg + span {
   }
 }
 
-// === 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;
-  }
-}
-
-
 // === Effect to apply on lazy-image loading
 
 img {
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;
+  }
+}
diff --git a/viewer/src/main.ts b/viewer/src/main.ts
index b6e90f7..1c48c55 100644
--- a/viewer/src/main.ts
+++ b/viewer/src/main.ts
@@ -19,6 +19,7 @@
 
 import Vue from "vue";
 import "@/assets/scss/global.scss";
+import "@/assets/scss/scrollbar.scss";
 import store from "@/store";
 import i18n from "@/plugins/i18n";
 import router from "@/plugins/router";