aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--viewer/src/assets/scss/global.scss20
-rw-r--r--viewer/src/assets/scss/scrollbar.scss20
-rw-r--r--viewer/src/main.ts1
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 {
102 } 102 }
103} 103}
104 104
105// === Scrollbar styling
106
107.scrollbar {
108 overflow: auto;
109 scrollbar-color: $scrollbar-color transparent;
110 scrollbar-width: thin;
111 &::-webkit-scrollbar {
112 width: $scrollbar-width;
113 height: $scrollbar-width;
114 }
115 &::-webkit-scrollbar-corner {
116 background-color: transparent;
117 }
118 &::-webkit-scrollbar-thumb {
119 box-shadow: inset 0 0 1px black;
120 background-color: $scrollbar-color;
121 }
122}
123
124
125// === Effect to apply on lazy-image loading 105// === Effect to apply on lazy-image loading
126 106
127img { 107img {
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 @@
1@import "~@/assets/scss/theme.scss";
2
3// === Scrollbar styling
4
5.scrollbar {
6 overflow: auto;
7 scrollbar-color: $scrollbar-color transparent;
8 scrollbar-width: thin;
9 &::-webkit-scrollbar {
10 width: $scrollbar-width;
11 height: $scrollbar-width;
12 }
13 &::-webkit-scrollbar-corner {
14 background-color: transparent;
15 }
16 &::-webkit-scrollbar-thumb {
17 box-shadow: inset 0 0 1px black;
18 background-color: $scrollbar-color;
19 }
20}
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 @@
19 19
20import Vue from "vue"; 20import Vue from "vue";
21import "@/assets/scss/global.scss"; 21import "@/assets/scss/global.scss";
22import "@/assets/scss/scrollbar.scss";
22import store from "@/store"; 23import store from "@/store";
23import i18n from "@/plugins/i18n"; 24import i18n from "@/plugins/i18n";
24import router from "@/plugins/router"; 25import router from "@/plugins/router";