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

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

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