From 83255bf39df606dbdf2b3b4a6f8b0fee73bbb9af Mon Sep 17 00:00:00 2001
From: Dana Yatsuta <danayatsuta@gmail.com>
Date: Tue, 9 Apr 2024 19:26:02 +0300
Subject: [PATCH] Disable list animation if user prefers reduced motion

---
 src/components/TheTodoList.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/TheTodoList.vue b/src/components/TheTodoList.vue
index 520a2f3..47137f8 100644
--- a/src/components/TheTodoList.vue
+++ b/src/components/TheTodoList.vue
@@ -155,4 +155,12 @@ export default {
 .list-leave-active {
   position: absolute;
 }
+
+@media (prefers-reduced-motion) {
+  .list-move,
+  .list-enter-active,
+  .list-leave-active {
+    transition: none;
+  }
+}
 </style>