From 370e3db3455f548699ff5e046e0f8dcc304991ac Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Fri, 14 Feb 2020 09:19:53 +0100 Subject: viewer: major code and search mode overhaul Updated libraries to the lastest version SCSS Formatter as suggested VSC extensions Renamed toolbar-color by scrollbar-color LD components use Props in favor of touching the stores directly (when possible) Moved most common algorithms to a "services" folder Complete search overhaul (lots of code change) --- viewer/src/assets/scss/global.scss | 9 ++++++--- viewer/src/assets/scss/theme.scss | 15 +++++++++------ 2 files changed, 15 insertions(+), 9 deletions(-) (limited to 'viewer/src/assets/scss') 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 @@ color: red; } +button svg + span { + margin-left: 7px; +} + // === Tools .nowrap { @@ -66,11 +70,10 @@ // Disable sticky hover styling on touch devices, // on which the virtual cursor doesn't leave the element after being tapped. // The fix can be applied to `a` elements by using the .link class. -@media (hover:none), (hover:on-demand) { +@media (hover: none), (hover: on-demand) { .link:hover { color: $link !important; } - .disabled:hover { color: $disabled-color !important; } @@ -90,7 +93,7 @@ } .scrollbar::-webkit-scrollbar-thumb { box-shadow: inset 0 0 1px black; - background-color: $toolbar-color; + background-color: $scrollbar-color; } // === 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 @@ -- along with this program. If not, see . */ -@import '_buefy_variables.scss'; -@import 'palette.scss'; - +@import "_buefy_variables.scss"; +@import "palette.scss"; // Buefy components @@ -44,7 +43,12 @@ $loading-background: $palette-800; $title-color: $palette-200; $title-size: $size-5; $tag-background-color: $palette-800; - +$button-color: $palette-100; +$button-background-color: $palette-700; +$button-border-color: $palette-500; +$button-focus-color: $button-color; +$button-focus-border-color: $link; +$button-focus-box-shadow-size: 0; // Custom components @@ -54,14 +58,13 @@ $panel-left-bgcolor: $palette-800; $panel-left-txtcolor: $primary; $command-buttons-bgcolor: $palette-700; $content-bgcolor: $palette-900; -$toolbar-color: $palette-300; // FIXME: should be named "scrollbar" +$scrollbar-color: $palette-300; $loader-color: $palette-800; $input-tag-delete-background-color: $palette-700; $breadcrumb-margins: 12px; $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px; $thumbnail-other-size: 120px; - // Layout $layout-top: 45px; -- cgit v1.2.3