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/views/GalleryThumbnail.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

(limited to 'viewer/src/views/GalleryThumbnail.vue')

diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue
index 7ceea4f..433a673 100644
--- a/viewer/src/views/GalleryThumbnail.vue
+++ b/viewer/src/views/GalleryThumbnail.vue
@@ -57,16 +57,14 @@ export default class GalleryThumbnail extends Vue {
   max-height: 250px;
 }
 .preload {
-  background: linear-gradient(to right, rgba(0, 0, 0, 0) 8%, $loader-color 18%, rgba(0, 0, 0, 0) 33%);
-  background-size: 200% 50px;
-  animation: preloadAnimation 2s infinite linear;
+  animation: preloadAnimation 1s infinite ease-in-out alternate;
 }
 @keyframes preloadAnimation {
   from {
-    background-position: -200px 0;
+    background-color: $content-bgcolor;
   }
   to {
-    background-position: 200px 0;
+    background-color: $loader-color;
   }
 }
 // Temporary size until we get the true thumbnail size
-- 
cgit v1.2.3

