summaryrefslogtreecommitdiffstats
path: root/apps/files/src/components/FileEntry.vue
diff options
context:
space:
mode:
authorJohn Molakvoæ <skjnldsv@protonmail.com>2023-03-25 14:00:44 +0100
committerJohn Molakvoæ <skjnldsv@protonmail.com>2023-04-06 14:49:32 +0200
commit6358e9752f011569a9f1853774db6ff9bff2005c (patch)
treec72e9c951292e89fb8cb4affc78fa226dde750cf /apps/files/src/components/FileEntry.vue
parentbda286c7f090d1420d35aa5e38039daa5e92ec5f (diff)
downloadnextcloud-server-6358e9752f011569a9f1853774db6ff9bff2005c.tar.gz
nextcloud-server-6358e9752f011569a9f1853774db6ff9bff2005c.zip
fix(files): inline action styling
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/files/src/components/FileEntry.vue')
-rw-r--r--apps/files/src/components/FileEntry.vue10
1 files changed, 7 insertions, 3 deletions
diff --git a/apps/files/src/components/FileEntry.vue b/apps/files/src/components/FileEntry.vue
index 412ac44fee2..1c96a7da3e1 100644
--- a/apps/files/src/components/FileEntry.vue
+++ b/apps/files/src/components/FileEntry.vue
@@ -441,16 +441,20 @@ tr {
.files-list__row-icon-preview:not([style*='background']) {
background: linear-gradient(110deg, var(--color-loading-dark) 0%, var(--color-loading-dark) 25%, var(--color-loading-light) 50%, var(--color-loading-dark) 75%, var(--color-loading-dark) 100%);
background-size: 400%;
- animation: preview-gradient-slide 1s ease infinite;
+ animation: preview-gradient-slide 1.2s ease-in-out infinite;
}
</style>
<style>
@keyframes preview-gradient-slide {
- from {
+ 0% {
background-position: 100% 0%;
}
- to {
+ 50% {
+ background-position: 0% 0%;
+ }
+ /* adds a small delay to the animation */
+ 100% {
background-position: 0% 0%;
}
}