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 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/views/GalleryThumbnail.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'viewer/src/views/GalleryThumbnail.vue') diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue index 433a673..66e46d6 100644 --- a/viewer/src/views/GalleryThumbnail.vue +++ b/viewer/src/views/GalleryThumbnail.vue @@ -28,7 +28,7 @@ @load="loading=false" />
- + {{item.path}}
-- cgit v1.2.3 From 1628eb40a5154584743fa95466ddfb45a77774d4 Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Thu, 30 Jan 2020 22:58:49 +0100 Subject: viewer: fixed the directory name --- viewer/src/views/GalleryThumbnail.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'viewer/src/views/GalleryThumbnail.vue') diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue index 66e46d6..41a59e1 100644 --- a/viewer/src/views/GalleryThumbnail.vue +++ b/viewer/src/views/GalleryThumbnail.vue @@ -29,7 +29,7 @@ />
- {{item.path}} + {{item.title}}
-- cgit v1.2.3