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/global.scss | 36 ++++++++++++++++++++++++++++++++++++
 viewer/src/assets/scss/theme.scss  |  4 ++++
 2 files changed, 40 insertions(+)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 7afca8c..ff57775 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -18,6 +18,7 @@
 */
 
 // Global CSS
+@import "@/assets/scss/theme.scss";
 
 // === Forms
 
@@ -42,3 +43,38 @@
 .flex-center {
   align-items: center;
 }
+
+// === Scrollbar styling
+
+.scrollbar {
+  overflow-y: auto;
+}
+.scrollbar::-webkit-scrollbar {
+  width: 12px;
+}
+.scrollbar::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 6px black;
+  background-color: $toolbar-color;
+}
+
+// === Thumbnail tiles alignment
+
+.thumbnail-tiles {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  & > div {
+    margin: 1px;
+  }
+}
+
+// === Effect to apply on lazy-image loading
+
+.v-lazy-image {
+  opacity: 0;
+  transition: opacity 0.4s;
+}
+.v-lazy-image-loaded {
+  opacity: 1;
+}
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 e91065602eeeebef236dae29e67d8e3334ab4029 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Wed, 29 Jan 2020 07:54:03 +0100
Subject: viewer: improved the picture layout. clicking a picture will switch
 between resized-to-screen and original-size (+fullscreen). drag-n-drop
 scrolls/moves the picture, just like a touch device. Resolves #19

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

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index ff57775..1903c9e 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -47,11 +47,14 @@
 // === Scrollbar styling
 
 .scrollbar {
-  overflow-y: auto;
+  overflow: auto;
 }
 .scrollbar::-webkit-scrollbar {
   width: 12px;
 }
+.scrollbar::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
 .scrollbar::-webkit-scrollbar-thumb {
   box-shadow: inset 0 0 6px black;
   background-color: $toolbar-color;
-- 
cgit v1.2.3


From 1a6412e17077b8ea9939edfa9cc700db0730a1c6 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Thu, 30 Jan 2020 15:12:34 +0100
Subject: viewer: scrollbars styling closer to flat design

---
 viewer/src/assets/scss/global.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 1903c9e..6488dee 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -50,13 +50,14 @@
   overflow: auto;
 }
 .scrollbar::-webkit-scrollbar {
-  width: 12px;
+  width: 10px;
+  height: 10px;
 }
 .scrollbar::-webkit-scrollbar-corner {
   background-color: transparent;
 }
 .scrollbar::-webkit-scrollbar-thumb {
-  box-shadow: inset 0 0 6px black;
+  box-shadow: inset 0 0 1px black;
   background-color: $toolbar-color;
 }
 
-- 
cgit v1.2.3


From e86fd09f406bae45be9176784c6092b2469224c4 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Thu, 30 Jan 2020 17:04:38 +0100
Subject: viewer: picture display improvements

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

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 6488dee..645d4a0 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -72,6 +72,9 @@
     margin: 1px;
   }
 }
+img {
+  image-orientation: from-image;
+}
 
 // === Effect to apply on lazy-image loading
 
-- 
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')

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/buefy.scss  |  3 +--
 viewer/src/assets/scss/global.scss | 15 +++++++++++++++
 viewer/src/assets/scss/theme.scss  |  7 ++++---
 3 files changed, 20 insertions(+), 5 deletions(-)

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

diff --git a/viewer/src/assets/scss/buefy.scss b/viewer/src/assets/scss/buefy.scss
index 7fdb883..735ce6a 100644
--- a/viewer/src/assets/scss/buefy.scss
+++ b/viewer/src/assets/scss/buefy.scss
@@ -24,8 +24,7 @@
 @import "buefy_variables";
 
 // 2. Setup your Custom Colors
-// $linkedin: #0077b5;
-// $linkedin-invert: findColorInvert($linkedin);
+@import "@/assets/scss/theme.scss";
 
 @import "~bulma/sass/utilities/derived-variables";
 
diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 645d4a0..3cfa1a5 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -44,6 +44,21 @@
   align-items: center;
 }
 
+// === Links
+
+.link {
+  color: $link;
+  cursor: pointer;
+  text-decoration: none;
+  & :hover {
+    color: $link-hover;
+  }
+}
+
+.disabled {
+  color: $disabled-color !important;
+}
+
 // === Scrollbar styling
 
 .scrollbar {
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/global.scss | 5 ++++-
 viewer/src/assets/scss/theme.scss  | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 3cfa1a5..b418911 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -32,6 +32,9 @@
 .nowrap {
   white-space: nowrap;
 }
+.no-scroll-x {
+  overflow-x: hidden;
+}
 
 .flex {
   display: flex;
@@ -50,7 +53,7 @@
   color: $link;
   cursor: pointer;
   text-decoration: none;
-  & :hover {
+  &:hover {
     color: $link-hover;
   }
 }
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')

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 2d48a8f15970d7af8092e9450057a05b4d3f9333 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 31 Jan 2020 13:22:52 +0100
Subject: viewer: when loading a picture, displays a preview based on the
 thumbnail on slow connections This works on Chrome, but FireFox presents some
 issues: - the picture background is sometimes white instead of transparent,
 hidding the background - image-orientation doesn't work for background
 pictures or for negative values

---
 viewer/src/assets/scss/global.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index b418911..5de5946 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -96,10 +96,12 @@ img {
 
 // === Effect to apply on lazy-image loading
 
-.v-lazy-image {
-  opacity: 0;
-  transition: opacity 0.4s;
-}
-.v-lazy-image-loaded {
-  opacity: 1;
+img {
+  &.v-lazy-image {
+    opacity: 0;
+    transition: opacity 0.4s;
+  }
+  &.v-lazy-image-loaded {
+    opacity: 1;
+  }
 }
-- 
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')

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 73e2dc5b39a5cd12c52b99ee076c1a1ad86a2ace Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Sun, 2 Feb 2020 19:29:12 +0100
Subject: viewer: implemented thumbnail size usage

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

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 5de5946..1a5761e 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -97,6 +97,7 @@ img {
 // === Effect to apply on lazy-image loading
 
 img {
+  display: block;
   &.v-lazy-image {
     opacity: 0;
     transition: opacity 0.4s;
-- 
cgit v1.2.3


From 85f0cf2403fecfbca0d14f6fc4ebdb6aaa199b54 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sun, 2 Feb 2020 20:58:41 +0100
Subject: viewer: tweak thumbnail packing

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

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 1a5761e..4acaf13 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -85,9 +85,9 @@
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  justify-content: space-between;
+  justify-content: space-evenly;
   & > div {
-    margin: 1px;
+    margin: 2px;
   }
 }
 img {
-- 
cgit v1.2.3


From 48a50958f43b52652e8f50e4bfb2d760a1cbe603 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 8 Feb 2020 18:02:28 +0100
Subject: viewer: fix sticky hover styling on links

This disables 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  elements by using the .link class.

GitHub: closes #94
---
 viewer/src/assets/scss/global.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 4acaf13..d6b6562 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -62,6 +62,19 @@
   color: $disabled-color !important;
 }
 
+// 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) {
+  .link:hover {
+    color: $link !important;
+  }
+
+  .disabled:hover {
+    color: $disabled-color !important;
+  }
+}
+
 // === Scrollbar styling
 
 .scrollbar {
-- 
cgit v1.2.3


From 77fed5958776dd9d6f7eaa371e904aeb4fd810d5 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 8 Feb 2020 18:12:18 +0100
Subject: viewer: global css: fix cursor on disabled links

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

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 4acaf13..dda722b 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -60,6 +60,7 @@
 
 .disabled {
   color: $disabled-color !important;
+  cursor: initial;
 }
 
 // === Scrollbar styling
-- 
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/palette.scss | 31 +++++++++++++++++++
 viewer/src/assets/scss/theme.scss   | 61 ++++++++++++++++++++++++++-----------
 2 files changed, 74 insertions(+), 18 deletions(-)
 create mode 100644 viewer/src/assets/scss/palette.scss

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

diff --git a/viewer/src/assets/scss/palette.scss b/viewer/src/assets/scss/palette.scss
new file mode 100644
index 0000000..f7eab11
--- /dev/null
+++ b/viewer/src/assets/scss/palette.scss
@@ -0,0 +1,31 @@
+/* ldgallery - A static generator which turns a collection of tagged
+--             pictures into a searchable web gallery.
+--
+-- Copyright (C) 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
+-- published by the Free Software Foundation, either version 3 of the
+-- License, or (at your option) any later version.
+--
+-- This program is distributed in the hope that it will be useful,
+-- but WITHOUT ANY WARRANTY; without even the implied warranty of
+-- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+-- GNU Affero General Public License for more details.
+--
+-- You should have received a copy of the GNU Affero General Public License
+-- along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+
+// Material Design Blue Gray colour palette
+$palette-000: #FFFFFF;
+$palette-050: #ECEFF1;
+$palette-100: #CFD8DC;
+$palette-200: #B0BEC5;
+$palette-300: #90A4AE;
+$palette-400: #78909C;
+$palette-500: #607D8B;
+$palette-600: #546E7A;
+$palette-700: #455A64;
+$palette-800: #37474F;
+$palette-900: #263238;
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')

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')

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 675f007d85a69d89a9252d980562509f224d4b29 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Mon, 10 Feb 2020 15:20:13 +0100
Subject: viewer: re-applied changes which were eaten by the big Eldrich
 monster

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

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index ed69841..811a899 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -27,6 +27,12 @@
   color: red;
 }
 
+// === Titles
+
+.title {
+  margin: 0.2em 0.5em !important;
+}
+
 // === Tools
 
 .nowrap {
-- 
cgit v1.2.3


From 85950b42384d315f74a4e6b1077618cd557bb15a Mon Sep 17 00:00:00 2001
From: pacien
Date: Mon, 10 Feb 2020 20:20:25 +0100
Subject: viewer: sidebar: self-contain style

We'll polish that later when groups are done.
For now let's have this styling self-contained.
---
 viewer/src/assets/scss/global.scss | 6 ------
 1 file changed, 6 deletions(-)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 811a899..ed69841 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -27,12 +27,6 @@
   color: red;
 }
 
-// === Titles
-
-.title {
-  margin: 0.2em 0.5em !important;
-}
-
 // === Tools
 
 .nowrap {
-- 
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')

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')

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/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 <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')

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 1b0dd00c31efc958e80fc6d9d78f2511b07c1238 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 28 Feb 2020 18:54:04 +0100
Subject: viewer: more minor architectural and performance improvement

fixed missing margin since we do not encapsulate thumbnails in div elements
---
 viewer/src/assets/scss/global.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index ea25513..bd7a7e7 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -103,7 +103,7 @@ button svg + span {
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-evenly;
-  & > div {
+  & > a {
     margin: 2px;
   }
 }
-- 
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/global.scss | 4 ++--
 viewer/src/assets/scss/theme.scss  | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index bd7a7e7..a8a42a1 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -85,8 +85,8 @@ button svg + span {
   overflow: auto;
 }
 .scrollbar::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+  width: $scrollbar_width;
+  height: $scrollbar_width;
 }
 .scrollbar::-webkit-scrollbar-corner {
   background-color: transparent;
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')

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/global.scss | 4 ++--
 viewer/src/assets/scss/theme.scss  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index a8a42a1..9e61b8b 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -85,8 +85,8 @@ button svg + span {
   overflow: auto;
 }
 .scrollbar::-webkit-scrollbar {
-  width: $scrollbar_width;
-  height: $scrollbar_width;
+  width: $scrollbar-width;
+  height: $scrollbar-width;
 }
 .scrollbar::-webkit-scrollbar-corner {
   background-color: transparent;
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')

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')

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


From 26988eacd2ff6988479b53eb88b5c2c10d3e7c82 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sun, 26 Apr 2020 00:25:24 +0200
Subject: viewer: fix rest of webpack import

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

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 9e61b8b..4ae32bc 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -18,7 +18,7 @@
 */
 
 // Global CSS
-@import "@/assets/scss/theme.scss";
+@import "~@/assets/scss/theme.scss";
 
 // === Forms
 
-- 
cgit v1.2.3


From 372419918d5a1b71a32bdf1e1ff9f7a56efb2236 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sun, 26 Apr 2020 00:27:00 +0200
Subject: viewer: fix image orientation

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

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 4ae32bc..e7275f6 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -115,6 +115,7 @@ img {
 
 img {
   display: block;
+  image-orientation: from-image;
   &.v-lazy-image {
     opacity: 0;
     transition: opacity 0.4s;
-- 
cgit v1.2.3


From f87d600a21569f23be74c427e940a4f69047c6b1 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sun, 26 Apr 2020 05:55:04 +0200
Subject: viewer: remove redundant rule

---
 viewer/src/assets/scss/global.scss | 3 ---
 1 file changed, 3 deletions(-)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index e7275f6..f7f092f 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -107,9 +107,6 @@ button svg + span {
     margin: 2px;
   }
 }
-img {
-  image-orientation: from-image;
-}
 
 // === Effect to apply on lazy-image loading
 
-- 
cgit v1.2.3


From 53bbb2b65e405aa93f1689faabce9cfa019e6d8f Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Mon, 27 Apr 2020 15:41:51 +0200
Subject: viewer: moved the global thumbnail CSS class to its component

---
 viewer/src/assets/scss/global.scss | 12 ------------
 1 file changed, 12 deletions(-)

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

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index f7f092f..9444548 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -96,18 +96,6 @@ button svg + span {
   background-color: $scrollbar-color;
 }
 
-// === Thumbnail tiles alignment
-
-.thumbnail-tiles {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-evenly;
-  & > a {
-    margin: 2px;
-  }
-}
-
 // === Effect to apply on lazy-image loading
 
 img {
-- 
cgit v1.2.3


From ccecfd9421f4550a71134cd46e1388e486f8c564 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Tue, 28 Apr 2020 03:47:39 +0200
Subject: viewer: global formatting unification

---
 viewer/src/assets/scss/buefy.scss   |  6 +++---
 viewer/src/assets/scss/palette.scss | 20 ++++++++++----------
 2 files changed, 13 insertions(+), 13 deletions(-)

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

diff --git a/viewer/src/assets/scss/buefy.scss b/viewer/src/assets/scss/buefy.scss
index 735ce6a..2bc4985 100644
--- a/viewer/src/assets/scss/buefy.scss
+++ b/viewer/src/assets/scss/buefy.scss
@@ -32,12 +32,12 @@
 $addColors: (
   "green": (
     $green,
-    $green-invert
+    $green-invert,
   ),
   "purple": (
     $purple,
-    $purple-invert
-  )
+    $purple-invert,
+  ),
 );
 $colors: map-merge($colors, $addColors);
 
diff --git a/viewer/src/assets/scss/palette.scss b/viewer/src/assets/scss/palette.scss
index f7eab11..e70e8a1 100644
--- a/viewer/src/assets/scss/palette.scss
+++ b/viewer/src/assets/scss/palette.scss
@@ -18,14 +18,14 @@
 */
 
 // Material Design Blue Gray colour palette
-$palette-000: #FFFFFF;
-$palette-050: #ECEFF1;
-$palette-100: #CFD8DC;
-$palette-200: #B0BEC5;
-$palette-300: #90A4AE;
-$palette-400: #78909C;
-$palette-500: #607D8B;
-$palette-600: #546E7A;
-$palette-700: #455A64;
-$palette-800: #37474F;
+$palette-000: #ffffff;
+$palette-050: #eceff1;
+$palette-100: #cfd8dc;
+$palette-200: #b0bec5;
+$palette-300: #90a4ae;
+$palette-400: #78909c;
+$palette-500: #607d8b;
+$palette-600: #546e7a;
+$palette-700: #455a64;
+$palette-800: #37474f;
 $palette-900: #263238;
-- 
cgit v1.2.3