diff options
| author | Raimund Schlüßler <raimund.schluessler@mailbox.org> | 2022-04-26 22:52:22 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-04-26 22:52:22 +0300 |
| commit | 2cad86292a48b3bc6df973b936d400def45600ba (patch) | |
| tree | b9adde4028952986c2762cf6a48c7ccd1b6f2a5a /src | |
| parent | ef39506931c9a690f26d3282b8aea2095f79071f (diff) | |
Fix the task status display animation (#1979)
Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/TaskStatusDisplay.vue | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/src/components/TaskStatusDisplay.vue b/src/components/TaskStatusDisplay.vue index b6e58919..b5e6b5be 100644 --- a/src/components/TaskStatusDisplay.vue +++ b/src/components/TaskStatusDisplay.vue @@ -110,17 +110,19 @@ export default { &--success { color: var(--color-success); } - &--sync svg, - &--conflict svg { - animation-iteration-count: infinite; - animation-duration: 1s; + &--sync, + &--conflict { + ::v-deep svg { + animation-iteration-count: infinite; + animation-duration: 1s; + } } - &--sync svg { + &--sync ::v-deep svg { animation-name: spin; } &--conflict { color: var(--color-warning); - svg { + ::v-deep svg { animation-name: pulse; border-radius: 50%; } |