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 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

(limited to 'viewer/src/assets/scss/global.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;
+}
-- 
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/global.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/global.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/global.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 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/global.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

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

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 {
-- 
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 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'viewer/src/assets/scss/global.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;
   }
 }
-- 
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/global.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 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/global.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/global.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/global.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/global.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 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/global.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/global.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 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 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'viewer/src/assets/scss/global.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
-- 
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/global.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 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'viewer/src/assets/scss/global.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;
-- 
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 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'viewer/src/assets/scss/global.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;
-- 
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/global.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/global.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/global.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/global.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