diff options
| author | Zero~Informatique | 2020-08-19 21:36:14 +0200 |
|---|---|---|
| committer | Zero~Informatique | 2020-08-19 21:36:14 +0200 |
| commit | 74e74844abd5340d7fb502cc8ed18f488fb65b51 (patch) | |
| tree | 904397cad322d77b4f4bc86daa93805e20048d79 | |
| parent | 303929136ca6446f538fcfc80ce26626c726f759 (diff) | |
| download | ldgallery-74e74844abd5340d7fb502cc8ed18f488fb65b51.tar.gz | |
viewer: unifying scrollbar style (for FireFox)
| -rw-r--r-- | viewer/src/assets/scss/global.scss | 25 |
1 files changed, 14 insertions, 11 deletions
diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss index f95a54d..1c1000c 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss | |||
| @@ -102,18 +102,21 @@ button svg + span { | |||
| 102 | 102 | ||
| 103 | .scrollbar { | 103 | .scrollbar { |
| 104 | overflow: auto; | 104 | overflow: auto; |
| 105 | scrollbar-color: $scrollbar-color transparent; | ||
| 106 | scrollbar-width: thin; | ||
| 107 | &::-webkit-scrollbar { | ||
| 108 | width: $scrollbar-width; | ||
| 109 | height: $scrollbar-width; | ||
| 110 | } | ||
| 111 | &::-webkit-scrollbar-corner { | ||
| 112 | background-color: transparent; | ||
| 113 | } | ||
| 114 | &::-webkit-scrollbar-thumb { | ||
| 115 | box-shadow: inset 0 0 1px black; | ||
| 116 | background-color: $scrollbar-color; | ||
| 117 | } | ||
| 105 | } | 118 | } |
| 106 | .scrollbar::-webkit-scrollbar { | 119 | |
| 107 | width: $scrollbar-width; | ||
| 108 | height: $scrollbar-width; | ||
| 109 | } | ||
| 110 | .scrollbar::-webkit-scrollbar-corner { | ||
| 111 | background-color: transparent; | ||
| 112 | } | ||
| 113 | .scrollbar::-webkit-scrollbar-thumb { | ||
| 114 | box-shadow: inset 0 0 1px black; | ||
| 115 | background-color: $scrollbar-color; | ||
| 116 | } | ||
| 117 | 120 | ||
| 118 | // === Effect to apply on lazy-image loading | 121 | // === Effect to apply on lazy-image loading |
| 119 | 122 | ||