diff options
Diffstat (limited to 'viewer/src/assets/scss/global.scss')
-rw-r--r-- | viewer/src/assets/scss/global.scss | 26 |
1 files changed, 24 insertions, 2 deletions
diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss index 1903c9e..b418911 100644 --- a/viewer/src/assets/scss/global.scss +++ b/viewer/src/assets/scss/global.scss | |||
@@ -32,6 +32,9 @@ | |||
32 | .nowrap { | 32 | .nowrap { |
33 | white-space: nowrap; | 33 | white-space: nowrap; |
34 | } | 34 | } |
35 | .no-scroll-x { | ||
36 | overflow-x: hidden; | ||
37 | } | ||
35 | 38 | ||
36 | .flex { | 39 | .flex { |
37 | display: flex; | 40 | display: flex; |
@@ -44,19 +47,35 @@ | |||
44 | align-items: center; | 47 | align-items: center; |
45 | } | 48 | } |
46 | 49 | ||
50 | // === Links | ||
51 | |||
52 | .link { | ||
53 | color: $link; | ||
54 | cursor: pointer; | ||
55 | text-decoration: none; | ||
56 | &:hover { | ||
57 | color: $link-hover; | ||
58 | } | ||
59 | } | ||
60 | |||
61 | .disabled { | ||
62 | color: $disabled-color !important; | ||
63 | } | ||
64 | |||
47 | // === Scrollbar styling | 65 | // === Scrollbar styling |
48 | 66 | ||
49 | .scrollbar { | 67 | .scrollbar { |
50 | overflow: auto; | 68 | overflow: auto; |
51 | } | 69 | } |
52 | .scrollbar::-webkit-scrollbar { | 70 | .scrollbar::-webkit-scrollbar { |
53 | width: 12px; | 71 | width: 10px; |
72 | height: 10px; | ||
54 | } | 73 | } |
55 | .scrollbar::-webkit-scrollbar-corner { | 74 | .scrollbar::-webkit-scrollbar-corner { |
56 | background-color: transparent; | 75 | background-color: transparent; |
57 | } | 76 | } |
58 | .scrollbar::-webkit-scrollbar-thumb { | 77 | .scrollbar::-webkit-scrollbar-thumb { |
59 | box-shadow: inset 0 0 6px black; | 78 | box-shadow: inset 0 0 1px black; |
60 | background-color: $toolbar-color; | 79 | background-color: $toolbar-color; |
61 | } | 80 | } |
62 | 81 | ||
@@ -71,6 +90,9 @@ | |||
71 | margin: 1px; | 90 | margin: 1px; |
72 | } | 91 | } |
73 | } | 92 | } |
93 | img { | ||
94 | image-orientation: from-image; | ||
95 | } | ||
74 | 96 | ||
75 | // === Effect to apply on lazy-image loading | 97 | // === Effect to apply on lazy-image loading |
76 | 98 | ||