aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views/GalleryThumbnail.vue
diff options
context:
space:
mode:
authorOzoneGrif2020-01-31 02:26:12 +0100
committerGitHub2020-01-31 02:26:12 +0100
commitd94b987463169b254ab69a79ddb58e5beccb0941 (patch)
tree51f66cdada6a8e920ba80a3aae76393e0127d825 /viewer/src/views/GalleryThumbnail.vue
parent15c806adec22239096a910b92b49fcfb964815bd (diff)
parent2157b66f3ea43137391939992cac4dc901a4ac4e (diff)
downloadldgallery-d94b987463169b254ab69a79ddb58e5beccb0941.tar.gz
Merge pull request #65 from pacien/oz-viewer
viewer improvements
Diffstat (limited to 'viewer/src/views/GalleryThumbnail.vue')
-rw-r--r--viewer/src/views/GalleryThumbnail.vue12
1 files changed, 5 insertions, 7 deletions
diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue
index 7ceea4f..41a59e1 100644
--- a/viewer/src/views/GalleryThumbnail.vue
+++ b/viewer/src/views/GalleryThumbnail.vue
@@ -28,8 +28,8 @@
28 @load="loading=false" 28 @load="loading=false"
29 /> 29 />
30 <div v-else class="flex-column flex-center"> 30 <div v-else class="flex-column flex-center">
31 <fa-icon icon="folder" class="fa-4x" /> 31 <fa-icon icon="folder" size="4x" />
32 {{item.path}} 32 {{item.title}}
33 </div> 33 </div>
34 </div> 34 </div>
35</template> 35</template>
@@ -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