diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue index 25c3005bf7..16bc932832 100644 --- a/src/components/tasks/partials/attachments.vue +++ b/src/components/tasks/partials/attachments.vue @@ -326,6 +326,10 @@ export default { height: auto; text-shadow: var(--shadow-md); animation: bounce 2s infinite; + + @media (prefers-reduced-motion: reduce) { + animation: none; + } } .hint { diff --git a/src/views/migrator/MigrateService.vue b/src/views/migrator/MigrateService.vue index 1f3573eb97..c77e2aa59a 100644 --- a/src/views/migrator/MigrateService.vue +++ b/src/views/migrator/MigrateService.vue @@ -254,4 +254,13 @@ export default { background-color: var(--primary-dark); } } + +@media (prefers-reduced-motion: reduce) { + @keyframes wave { + 10% { + transform: translate(0, 0); + background-color: var(--primary); + } + } +} \ No newline at end of file diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue index da5203ef93..0a7edf9650 100644 --- a/src/views/tasks/TaskDetailView.vue +++ b/src/views/tasks/TaskDetailView.vue @@ -937,4 +937,12 @@ $flash-background-duration: 750ms; background: transparent; } } + +@media (prefers-reduced-motion: reduce) { + @keyframes flash-background { + 0% { + background: transparent; + } + } +} \ No newline at end of file