From b46f0c99bb6f73ddc2ecdc0e47655b7110251cc9 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Thu, 20 Aug 2020 00:14:07 +0200
Subject: viewer: moved scrollbar SCSS definition to its own file

---
 viewer/src/assets/scss/global.scss    | 20 --------------------
 viewer/src/assets/scss/scrollbar.scss | 20 ++++++++++++++++++++
 viewer/src/main.ts                    |  1 +
 3 files changed, 21 insertions(+), 20 deletions(-)
 create mode 100644 viewer/src/assets/scss/scrollbar.scss

(limited to 'viewer/src')

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";
-- 
cgit v1.2.3