More prefers-reduced-motion friendliness

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-09-21 17:59:13 +02:00
parent afdec1971f
commit b2c0f57c4b
2 changed files with 23 additions and 6 deletions
@@ -40,6 +40,14 @@ $button-gap: 24px;

 .mx_ImageView_image {
    flex-shrink: 0;
+
+    &.mx_ImageView_image_animating {
+        transition: transform 200ms ease 0s;
+    }
+
+    &.mx_ImageView_image_animatingLoading {
+        transition: transform 300ms ease 0s;
+    }
 }

 .mx_ImageView_panel {
@@ -130,3 +138,13 @@ $button-gap: 24px;
        mask-size: 40%;
    }
 }
+
+@media (prefers-reduced-motion) {
+    .mx_ImageView_image_animating {
+        transition: none !important;
+    }
+
+    .mx_ImageView_image_animatingLoading {
+        transition: none !important;
+    }
+}