From: Mélanie Chauvel (ariasuni) <perso@hack-libre.org>
Date: Thu, 21 Jun 2018 21:05:01 +0000 (+0200)
Subject: Fix CW field still having animation in when reduce motion is enabled (#7872)
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=f0f8b242c4ccd3603a60ba5decf7dc225000a017;p=mastodon.git

Fix CW field still having animation in when reduce motion is enabled (#7872)
---

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 28daac6a3..c16cf3437 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -302,12 +302,10 @@
     height: 0;
     transform-origin: bottom;
     opacity: 0.0;
-    transition: all 0.4s ease;
 
     &.spoiler-input--visible {
       height: 47px;
       opacity: 1.0;
-      transition: all 0.4s ease;
     }
   }
 
@@ -568,6 +566,10 @@
   }
 }
 
+.no-reduce-motion .spoiler-input {
+  transition: height 0.4s ease, opacity 0.4s ease;
+}
+
 .emojione {
   font-size: inherit;
   vertical-align: middle;