From e3b2af4d9cc13853a3ed6970ec652915414d094a Mon Sep 17 00:00:00 2001 From: "John Molakvoæ (skjnldsv)" Date: Fri, 22 Sep 2023 11:47:47 +0200 Subject: fix(files): preview loading MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- apps/files/src/components/FileEntry.vue | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) (limited to 'apps/files/src/components/FileEntry.vue') diff --git a/apps/files/src/components/FileEntry.vue b/apps/files/src/components/FileEntry.vue index 3cef907990c..2ca02edc5b8 100644 --- a/apps/files/src/components/FileEntry.vue +++ b/apps/files/src/components/FileEntry.vue @@ -60,11 +60,14 @@ - + @error="backgroundFailed = true" + @load="backgroundFailed = false"> @@ -77,7 +80,7 @@ -
- ', - backgroundFailed: false, + backgroundFailed: undefined, loading: '', dragover: false, @@ -651,7 +653,7 @@ export default Vue.extend({ this.loading = '' // Reset background state - this.backgroundFailed = false + this.backgroundFailed = undefined if (this.$refs.previewImg) { this.$refs.previewImg.src = '' } @@ -1030,7 +1032,7 @@ tr { } /* Preview not loaded animation effect */ -.files-list__row-icon-preview:not([style*='background']) { +.files-list__row-icon-preview:not(.files-list__row-icon-preview--loaded) { background: var(--color-loading-dark); // animation: preview-gradient-fade 1.2s ease-in-out infinite; } -- cgit v1.2.3