From cb776872aac3dc1df271e8ed00da03e0ebdfbbfd Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 16 Jan 2022 18:19:24 +0100
Subject: [PATCH] feat(a11y): honor prefer-reduced-motion

---
 src/components/tasks/partials/attachments.vue | 4 ++++
 src/views/migrator/MigrateService.vue         | 9 +++++++++
 src/views/tasks/TaskDetailView.vue            | 8 ++++++++
 3 files changed, 21 insertions(+)

diff --git a/src/components/tasks/partials/attachments.vue b/src/components/tasks/partials/attachments.vue
index 25c3005bf..16bc93283 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 1f3573eb9..c77e2aa59 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);
+		}
+	}
+}
 </style>
\ No newline at end of file
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index da5203ef9..0a7edf965 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;
+		}
+	}
+}
 </style>
\ No newline at end of file