diff options
Diffstat (limited to 'viewer/src/assets')
-rw-r--r-- | viewer/src/assets/scss/global.scss | 9 | ||||
-rw-r--r-- | viewer/src/assets/scss/theme.scss | 15 |
2 files changed, 15 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 | ||
30 | button 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..60504e3 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,12 @@ $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-background-color: $palette-700; | ||
48 | $button-border-color: $palette-500; | ||
49 | $button-focus-color: $button-color; | ||
50 | $button-focus-border-color: $link; | ||
51 | $button-focus-box-shadow-size: 0; | ||
48 | 52 | ||
49 | // Custom components | 53 | // Custom components |
50 | 54 | ||
@@ -54,14 +58,13 @@ $panel-left-bgcolor: $palette-800; | |||
54 | $panel-left-txtcolor: $primary; | 58 | $panel-left-txtcolor: $primary; |
55 | $command-buttons-bgcolor: $palette-700; | 59 | $command-buttons-bgcolor: $palette-700; |
56 | $content-bgcolor: $palette-900; | 60 | $content-bgcolor: $palette-900; |
57 | $toolbar-color: $palette-300; // FIXME: should be named "scrollbar" | 61 | $scrollbar-color: $palette-300; |
58 | $loader-color: $palette-800; | 62 | $loader-color: $palette-800; |
59 | $input-tag-delete-background-color: $palette-700; | 63 | $input-tag-delete-background-color: $palette-700; |
60 | $breadcrumb-margins: 12px; | 64 | $breadcrumb-margins: 12px; |
61 | $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px; | 65 | $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px; |
62 | $thumbnail-other-size: 120px; | 66 | $thumbnail-other-size: 120px; |
63 | 67 | ||
64 | |||
65 | // Layout | 68 | // Layout |
66 | 69 | ||
67 | $layout-top: 45px; | 70 | $layout-top: 45px; |