aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets/scss/global.scss
diff options
context:
space:
mode:
authorOzoneGrif2020-01-31 02:26:12 +0100
committerGitHub2020-01-31 02:26:12 +0100
commitd94b987463169b254ab69a79ddb58e5beccb0941 (patch)
tree51f66cdada6a8e920ba80a3aae76393e0127d825 /viewer/src/assets/scss/global.scss
parent15c806adec22239096a910b92b49fcfb964815bd (diff)
parent2157b66f3ea43137391939992cac4dc901a4ac4e (diff)
downloadldgallery-d94b987463169b254ab69a79ddb58e5beccb0941.tar.gz
Merge pull request #65 from pacien/oz-viewer
viewer improvements
Diffstat (limited to 'viewer/src/assets/scss/global.scss')
-rw-r--r--viewer/src/assets/scss/global.scss26
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}
93img {
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