Fix bug where checkboxes were broken with prefers-reduced-motion

primer · Oct 15, 2024 · 688b1a5 · 688b1a5
1 parent 9e301d3
commit 688b1a5
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/app/components/primer/alpha/text_field.pcss b/app/components/primer/alpha/text_field.pcss
@@ -608,9 +608,7 @@ input[type='checkbox'].FormControl-checkbox {
     mask-repeat: no-repeat;
     mask-position: center;
 
-    @media screen and (prefers-reduced-motion: no-preference) {
-      animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards; /* slightly snappier animation out */
-    }
+    animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards; /* slightly snappier animation out */
   }
 
   /* extend touch target */
@@ -636,9 +634,7 @@ input[type='checkbox'].FormControl-checkbox {
       visibility: visible;
       transition: visibility 0s linear 0s;
 
-      @media screen and (prefers-reduced-motion: no-preference) {
-        animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;
-      }
+      animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;
     }
 
     &:disabled {