feat(a11y): honor prefer-reduced-motion

2022-01-16 18:19:24 +01:00
parent c255e3f025
commit cb776872aa
3 changed files with 21 additions and 0 deletions
--- 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>
--- 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>