aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets/scss
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/assets/scss')
-rw-r--r--viewer/src/assets/scss/global.scss9
-rw-r--r--viewer/src/assets/scss/theme.scss17
2 files changed, 17 insertions, 9 deletions
diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index ed69841..ea25513 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -27,6 +27,10 @@
27 color: red; 27 color: red;
28} 28}
29 29
30button svg + span {
31 margin-left: 7px;
32}
33
30// === Tools 34// === Tools
31 35
32.nowrap { 36.nowrap {
@@ -66,11 +70,10 @@
66// Disable sticky hover styling on touch devices, 70// Disable sticky hover styling on touch devices,
67// on which the virtual cursor doesn't leave the element after being tapped. 71// on which the virtual cursor doesn't leave the element after being tapped.
68// The fix can be applied to `a` elements by using the .link class. 72// The fix can be applied to `a` elements by using the .link class.
69@media (hover:none), (hover:on-demand) { 73@media (hover: none), (hover: on-demand) {
70 .link:hover { 74 .link:hover {
71 color: $link !important; 75 color: $link !important;
72 } 76 }
73
74 .disabled:hover { 77 .disabled:hover {
75 color: $disabled-color !important; 78 color: $disabled-color !important;
76 } 79 }
@@ -90,7 +93,7 @@
90} 93}
91.scrollbar::-webkit-scrollbar-thumb { 94.scrollbar::-webkit-scrollbar-thumb {
92 box-shadow: inset 0 0 1px black; 95 box-shadow: inset 0 0 1px black;
93 background-color: $toolbar-color; 96 background-color: $scrollbar-color;
94} 97}
95 98
96// === Thumbnail tiles alignment 99// === Thumbnail tiles alignment
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 0a921a9..26cb355 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -18,9 +18,8 @@
18-- along with this program. If not, see <https://www.gnu.org/licenses/>. 18-- along with this program. If not, see <https://www.gnu.org/licenses/>.
19*/ 19*/
20 20
21@import '_buefy_variables.scss'; 21@import "_buefy_variables.scss";
22@import 'palette.scss'; 22@import "palette.scss";
23
24 23
25// Buefy components 24// Buefy components
26 25
@@ -44,7 +43,14 @@ $loading-background: $palette-800;
44$title-color: $palette-200; 43$title-color: $palette-200;
45$title-size: $size-5; 44$title-size: $size-5;
46$tag-background-color: $palette-800; 45$tag-background-color: $palette-800;
47 46$button-color: $palette-100;
47$button-active-color: $palette-100;
48$button-active-border-color: $palette-500;
49$button-background-color: $palette-700;
50$button-border-color: $palette-500;
51$button-focus-color: $button-color;
52$button-focus-border-color: $link;
53$button-focus-box-shadow-size: 0;
48 54
49// Custom components 55// Custom components
50 56
@@ -54,14 +60,13 @@ $panel-left-bgcolor: $palette-800;
54$panel-left-txtcolor: $primary; 60$panel-left-txtcolor: $primary;
55$command-buttons-bgcolor: $palette-700; 61$command-buttons-bgcolor: $palette-700;
56$content-bgcolor: $palette-900; 62$content-bgcolor: $palette-900;
57$toolbar-color: $palette-300; // FIXME: should be named "scrollbar" 63$scrollbar-color: $palette-300;
58$loader-color: $palette-800; 64$loader-color: $palette-800;
59$input-tag-delete-background-color: $palette-700; 65$input-tag-delete-background-color: $palette-700;
60$breadcrumb-margins: 12px; 66$breadcrumb-margins: 12px;
61$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px; 67$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
62$thumbnail-other-size: 120px; 68$thumbnail-other-size: 120px;
63 69
64
65// Layout 70// Layout
66 71
67$layout-top: 45px; 72$layout-top: 45px;