From 8d543ab94d3678728466d3627e0d419ec00f3010 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Wed, 29 Jan 2020 04:53:35 +0100
Subject: viewer: finalized the thumbnails view layouts. implemented thumbnails
 lazy-loading

---
 viewer/src/assets/scss/theme.scss | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 79e14e1..efd5d79 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -27,3 +27,7 @@ $panel-top-txtcolor: white;
 $panel-left-bgcolor: $panel-top-bgcolor;
 $panel-left-txtcolor: $panel-top-txtcolor;
 $content-bgcolor: #1e1e1e;
+
+$toolbar-color: #d62929;
+
+$loader-color: #119;
-- 
cgit v1.2.3


From 16d319ac092aea56ac9f872129d23fface4b379d Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Thu, 30 Jan 2020 18:34:34 +0100
Subject: viewer: thumbnail loader styling

---
 viewer/src/assets/scss/theme.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index efd5d79..3f2b623 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -30,4 +30,4 @@ $content-bgcolor: #1e1e1e;
 
 $toolbar-color: #d62929;
 
-$loader-color: #119;
+$loader-color: #272727;
-- 
cgit v1.2.3


From 42105af46681d81959a5d5a9a16ec9e98463a92e Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Thu, 30 Jan 2020 21:24:15 +0100
Subject: viewer: new breadcrumb. navigation buttons. and styling improvements

---
 viewer/src/assets/scss/theme.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 3f2b623..2314ee8 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -19,7 +19,7 @@
 
 // === Theme
 
-$layout-top: 70px;
+$layout-top: 35px;
 $layout-left: 250px;
 
 $panel-top-bgcolor: #225;
@@ -27,7 +27,8 @@ $panel-top-txtcolor: white;
 $panel-left-bgcolor: $panel-top-bgcolor;
 $panel-left-txtcolor: $panel-top-txtcolor;
 $content-bgcolor: #1e1e1e;
-
 $toolbar-color: #d62929;
-
 $loader-color: #272727;
+$link: $panel-top-txtcolor;
+$link-hover: lightblue;
+$disabled-color: rgba($link, 0.3);
-- 
cgit v1.2.3


From 17b1598c5a5a375e6eaa0763767368c05ba0f56e Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Thu, 30 Jan 2020 22:58:27 +0100
Subject: viewer: Improved the proposition layout

---
 viewer/src/assets/scss/theme.scss | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 2314ee8..d3aac99 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -32,3 +32,5 @@ $loader-color: #272727;
 $link: $panel-top-txtcolor;
 $link-hover: lightblue;
 $disabled-color: rgba($link, 0.3);
+$control-radius: 0;
+$input-radius: 0;
-- 
cgit v1.2.3


From 9ea63a39883c63bdc0200e66caed6fa82f83bf7e Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 31 Jan 2020 10:48:32 +0100
Subject: viewer: loader background color

---
 viewer/src/assets/scss/theme.scss | 3 +++
 1 file changed, 3 insertions(+)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index d3aac99..1b474e8 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -29,8 +29,11 @@ $panel-left-txtcolor: $panel-top-txtcolor;
 $content-bgcolor: #1e1e1e;
 $toolbar-color: #d62929;
 $loader-color: #272727;
+
+// Overrides - Buefy
 $link: $panel-top-txtcolor;
 $link-hover: lightblue;
 $disabled-color: rgba($link, 0.3);
 $control-radius: 0;
 $input-radius: 0;
+$loading-background: $panel-top-bgcolor;
-- 
cgit v1.2.3


From b88adf17c2ff40f051b356bcfab006ff3a7fbc97 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Sun, 2 Feb 2020 05:20:24 +0100
Subject: viewer: disabled colour is now static instead of an arbitrary alpha

---
 viewer/src/assets/scss/theme.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 1b474e8..f46b9f5 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -33,7 +33,7 @@ $loader-color: #272727;
 // Overrides - Buefy
 $link: $panel-top-txtcolor;
 $link-hover: lightblue;
-$disabled-color: rgba($link, 0.3);
+$disabled-color: #656589;
 $control-radius: 0;
 $input-radius: 0;
 $loading-background: $panel-top-bgcolor;
-- 
cgit v1.2.3


From f71715e6d0221484e3cf40539bd8a9fc514b3d48 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 8 Feb 2020 18:40:32 +0100
Subject: viewer: styling: use a proper colour palette

Stealing the Material Design Blue Gray palette which should be suitable for most galleries.
It has been checked to be consistent across various screens and the text is guaranteed to be legible.

GitHub: closes #99
---
 viewer/src/assets/scss/theme.scss | 61 +++++++++++++++++++++++++++------------
 1 file changed, 43 insertions(+), 18 deletions(-)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index f46b9f5..d62a823 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -2,6 +2,7 @@
 --             pictures into a searchable web gallery.
 --
 -- Copyright (C) 2019-2020  Guillaume FOUET
+--               2020       Pacien TRAN-GIRARD
 --
 -- This program is free software: you can redistribute it and/or modify
 -- it under the terms of the GNU Affero General Public License as
@@ -17,23 +18,47 @@
 -- along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-// === Theme
+@import '_buefy_variables.scss';
+@import 'palette.scss';
 
-$layout-top: 35px;
-$layout-left: 250px;
 
-$panel-top-bgcolor: #225;
-$panel-top-txtcolor: white;
-$panel-left-bgcolor: $panel-top-bgcolor;
-$panel-left-txtcolor: $panel-top-txtcolor;
-$content-bgcolor: #1e1e1e;
-$toolbar-color: #d62929;
-$loader-color: #272727;
-
-// Overrides - Buefy
-$link: $panel-top-txtcolor;
-$link-hover: lightblue;
-$disabled-color: #656589;
-$control-radius: 0;
-$input-radius: 0;
-$loading-background: $panel-top-bgcolor;
+// Buefy components
+
+$primary: $palette-000;
+$text: $primary;
+$text-light: $palette-100;
+$text-strong: $primary;
+$input-color: $text;
+$input-placeholder-color: $text-light;
+$input-shadow: none;
+$input-border-color: transparent;
+$input-background-color: $palette-500;
+$input-focus-box-border-color: $palette-200;
+$input-focus-box-shadow-color: transparent;
+$link: $primary;
+$link-visited: $link;
+$link-hover: $palette-100;
+$disabled-color: $palette-400;
+$radius: 0;
+$loading-background: $palette-800;
+$title-color: $palette-200;
+$title-size: $size-5;
+$tag-background-color: $palette-800;
+
+
+// Custom components
+
+$panel-top-bgcolor: $palette-800;
+$panel-top-txtcolor: $primary;
+$panel-left-bgcolor: $palette-800;
+$panel-left-txtcolor: $primary;
+$content-bgcolor: $palette-900;
+$toolbar-color: $palette-300;  // FIXME: should be named "scrollbar"
+$loader-color: $palette-800;
+$input-tag-delete-background-color: $palette-700;
+
+
+// Layout
+
+$layout-top: 45px;
+$layout-left: 250px;
-- 
cgit v1.2.3


From ec5bda34f9d2714db19d61cd9e82fb45cc15bfc1 Mon Sep 17 00:00:00 2001
From: pacien
Date: Mon, 10 Feb 2020 12:18:32 +0100
Subject: viewer: use a different background to separate command buttons and
 breadcrumbs

---
 viewer/src/assets/scss/theme.scss | 1 +
 1 file changed, 1 insertion(+)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index d62a823..7972d48 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -52,6 +52,7 @@ $panel-top-bgcolor: $palette-800;
 $panel-top-txtcolor: $primary;
 $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"
 $loader-color: $palette-800;
-- 
cgit v1.2.3


From b56fd91c3ecc61ccbe692a21e8eb0f378b4a90ca Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Mon, 10 Feb 2020 05:41:16 +0100
Subject: viewer: ldbreadcrumbs: implement horizontal scrolling

This comes with a fix for the DragScroll component for mobile devices.

GitHub: closes #101, closes #102
---
 viewer/src/assets/scss/theme.scss | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 7972d48..cd6142a 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -57,6 +57,8 @@ $content-bgcolor: $palette-900;
 $toolbar-color: $palette-300;  // FIXME: should be named "scrollbar"
 $loader-color: $palette-800;
 $input-tag-delete-background-color: $palette-700;
+$breadcrumb-margins: 13px;
+$breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
 
 
 // Layout
-- 
cgit v1.2.3


From ff889de22e5c6fc5102395c5cf384a7e1e3dc801 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Tue, 11 Feb 2020 01:43:28 +0100
Subject: viewer: larger breadcrumb links

---
 viewer/src/assets/scss/theme.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index cd6142a..bd21a19 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -57,7 +57,7 @@ $content-bgcolor: $palette-900;
 $toolbar-color: $palette-300;  // FIXME: should be named "scrollbar"
 $loader-color: $palette-800;
 $input-tag-delete-background-color: $palette-700;
-$breadcrumb-margins: 13px;
+$breadcrumb-margins: 12px;
 $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
 
 
-- 
cgit v1.2.3


From abcd10f8ac944f29a77d756558b1773551ee0877 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Tue, 11 Feb 2020 02:06:49 +0100
Subject: viewer: thumbnail others fixed sizes for better layout

---
 viewer/src/assets/scss/theme.scss | 1 +
 1 file changed, 1 insertion(+)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index bd21a19..0a921a9 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -59,6 +59,7 @@ $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
-- 
cgit v1.2.3


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/theme.scss | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'viewer/src/assets/scss/theme.scss')

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 <https://www.gnu.org/licenses/>.
 */
 
-@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


From 37b370daa4dd56ac0f820a9f5ef2ac6df150b93d Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Sun, 23 Feb 2020 18:16:15 +0100
Subject: viewer: search buttons active colors now match the palette

Code review fix
---
 viewer/src/assets/scss/theme.scss | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 60504e3..26cb355 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -44,6 +44,8 @@ $title-color: $palette-200;
 $title-size: $size-5;
 $tag-background-color: $palette-800;
 $button-color: $palette-100;
+$button-active-color: $palette-100;
+$button-active-border-color: $palette-500;
 $button-background-color: $palette-700;
 $button-border-color: $palette-500;
 $button-focus-color: $button-color;
-- 
cgit v1.2.3


From 577f49ab6e1fd9cd8007804a13dea1471ee2fb1f Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 3 Apr 2020 03:42:35 +0200
Subject: viewer: tag categories implementation

GitHub: Resolves #29
---
 viewer/src/assets/scss/theme.scss | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 26cb355..35983a7 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -42,6 +42,8 @@ $radius: 0;
 $loading-background: $palette-800;
 $title-color: $palette-200;
 $title-size: $size-5;
+$subtitle-color: $palette-200;
+$subtitle-size: $size-5;
 $tag-background-color: $palette-800;
 $button-color: $palette-100;
 $button-active-color: $palette-100;
@@ -61,11 +63,13 @@ $panel-left-txtcolor: $primary;
 $command-buttons-bgcolor: $palette-700;
 $content-bgcolor: $palette-900;
 $scrollbar-color: $palette-300;
+$scrollbar_width: 10px;
 $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;
+$proposed-category-bgcolor: $palette-700;
 
 // Layout
 
-- 
cgit v1.2.3


From caf68fd92912f9ffc2291ba823cc194c1cc1c61a Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 3 Apr 2020 05:43:07 +0200
Subject: viewer: items with long titles overflow

GitHub: Resolves #137
---
 viewer/src/assets/scss/theme.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 26cb355..bbf4843 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -65,7 +65,7 @@ $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;
+$thumbnail-other-size: 10em;
 
 // Layout
 
-- 
cgit v1.2.3


From 09ec37a772802980d68264f2fed040be36e14c82 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 3 Apr 2020 21:57:19 +0200
Subject: viewer: tag categories implementation

fixed disambiguation by categories following code review

GitHub: Resolves #29
---
 viewer/src/assets/scss/theme.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 35983a7..feb8543 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -63,7 +63,7 @@ $panel-left-txtcolor: $primary;
 $command-buttons-bgcolor: $palette-700;
 $content-bgcolor: $palette-900;
 $scrollbar-color: $palette-300;
-$scrollbar_width: 10px;
+$scrollbar-width: 10px;
 $loader-color: $palette-800;
 $input-tag-delete-background-color: $palette-700;
 $breadcrumb-margins: 12px;
-- 
cgit v1.2.3


From f391a682dbd725c1d8aba9c571472bd390bb6a8d Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Sat, 4 Apr 2020 03:33:25 +0200
Subject: viewer: items with long titles overflow

fixed line-height issue on filenames and icon heights

GitHub: Resolves #137
---
 viewer/src/assets/scss/theme.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index bbf4843..0028688 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -51,6 +51,7 @@ $button-border-color: $palette-500;
 $button-focus-color: $button-color;
 $button-focus-border-color: $link;
 $button-focus-box-shadow-size: 0;
+$body-line-height: 1.5;
 
 // Custom components
 
@@ -65,7 +66,7 @@ $loader-color: $palette-800;
 $input-tag-delete-background-color: $palette-700;
 $breadcrumb-margins: 12px;
 $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
-$thumbnail-other-size: 10em;
+$thumbnail-other-size: $body-line-height * 9em;
 
 // Layout
 
-- 
cgit v1.2.3


From a196acf14daf613e931e39dd0daa927ebc89099d Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 11 Apr 2020 03:57:44 +0200
Subject: viewer: ldthumbnail: reduce non-picture element size

They were too big and not dense enough on small screens
---
 viewer/src/assets/scss/theme.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'viewer/src/assets/scss/theme.scss')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 9e9cdc8..0c351e5 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -69,7 +69,7 @@ $loader-color: $palette-800;
 $input-tag-delete-background-color: $palette-700;
 $breadcrumb-margins: 12px;
 $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
-$thumbnail-other-size: $body-line-height * 9em;
+$thumbnail-other-size: $body-line-height * 7em;
 $proposed-category-bgcolor: $palette-700;
 
 // Layout
-- 
cgit v1.2.3