diff options
| author | Zero~Informatique | 2020-01-30 18:34:34 +0100 |
|---|---|---|
| committer | Zero~Informatique | 2020-01-30 18:34:34 +0100 |
| commit | 16d319ac092aea56ac9f872129d23fface4b379d (patch) | |
| tree | 9bc435241242d0697ec25df857d8dcc0056137b5 /viewer/src/views/GalleryThumbnail.vue | |
| parent | e86fd09f406bae45be9176784c6092b2469224c4 (diff) | |
| download | ldgallery-16d319ac092aea56ac9f872129d23fface4b379d.tar.gz | |
viewer: thumbnail loader styling
Diffstat (limited to 'viewer/src/views/GalleryThumbnail.vue')
| -rw-r--r-- | viewer/src/views/GalleryThumbnail.vue | 8 |
1 files changed, 3 insertions, 5 deletions
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 { | |||
| 57 | max-height: 250px; | 57 | max-height: 250px; |
| 58 | } | 58 | } |
| 59 | .preload { | 59 | .preload { |
| 60 | background: linear-gradient(to right, rgba(0, 0, 0, 0) 8%, $loader-color 18%, rgba(0, 0, 0, 0) 33%); | 60 | animation: preloadAnimation 1s infinite ease-in-out alternate; |
| 61 | background-size: 200% 50px; | ||
| 62 | animation: preloadAnimation 2s infinite linear; | ||
| 63 | } | 61 | } |
| 64 | @keyframes preloadAnimation { | 62 | @keyframes preloadAnimation { |
| 65 | from { | 63 | from { |
| 66 | background-position: -200px 0; | 64 | background-color: $content-bgcolor; |
| 67 | } | 65 | } |
| 68 | to { | 66 | to { |
| 69 | background-position: 200px 0; | 67 | background-color: $loader-color; |
| 70 | } | 68 | } |
| 71 | } | 69 | } |
| 72 | // Temporary size until we get the true thumbnail size | 70 | // Temporary size until we get the true thumbnail size |