aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/assets/scss
diff options
context:
space:
mode:
authorZero~Informatique2020-01-31 13:22:52 +0100
committerZero~Informatique2020-01-31 13:32:28 +0100
commit2d48a8f15970d7af8092e9450057a05b4d3f9333 (patch)
treedff162c5928b31677fd57da61ecbfa3daa70d422 /viewer/src/assets/scss
parent9ea63a39883c63bdc0200e66caed6fa82f83bf7e (diff)
downloadldgallery-2d48a8f15970d7af8092e9450057a05b4d3f9333.tar.gz
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
Diffstat (limited to 'viewer/src/assets/scss')
-rw-r--r--viewer/src/assets/scss/global.scss14
1 files changed, 8 insertions, 6 deletions
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 {
96 96
97// === Effect to apply on lazy-image loading 97// === Effect to apply on lazy-image loading
98 98
99.v-lazy-image { 99img {
100 opacity: 0; 100 &.v-lazy-image {
101 transition: opacity 0.4s; 101 opacity: 0;
102} 102 transition: opacity 0.4s;
103.v-lazy-image-loaded { 103 }
104 opacity: 1; 104 &.v-lazy-image-loaded {
105 opacity: 1;
106 }
105} 107}