aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets
diff options
context:
space:
mode:
authorZero~Informatique2020-08-20 00:14:07 +0200
committerG.Fouet2020-09-11 21:53:18 +0200
commitb46f0c99bb6f73ddc2ecdc0e47655b7110251cc9 (patch)
tree1e396cf5dc57c9b802db7ffe5b100efc152b3ef8 /viewer/src/assets
parentb3a90f88b5652db8548507261e445ea0a1e7d444 (diff)
downloadldgallery-b46f0c99bb6f73ddc2ecdc0e47655b7110251cc9.tar.gz
viewer: moved scrollbar SCSS definition to its own file
Diffstat (limited to 'viewer/src/assets')
-rw-r--r--viewer/src/assets/scss/global.scss20
-rw-r--r--viewer/src/assets/scss/scrollbar.scss20
2 files changed, 20 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}