From ef3737d1797fec7ea6e9389d1b7afd726380043b Mon Sep 17 00:00:00 2001
From: Dariusz Niemczyk <palid@phoelid.me>
Date: Wed, 11 Aug 2021 10:52:22 +0200
Subject: [PATCH] Add full class names to animations.scss

---
 res/css/_animations.scss | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/res/css/_animations.scss b/res/css/_animations.scss
index 2e6eac66a1..4d3ad97141 100644
--- a/res/css/_animations.scss
+++ b/res/css/_animations.scss
@@ -19,21 +19,19 @@ limitations under the License.
  * know they should not be used anywhere outside of React Transition Groups.
 */
 
-.mx_rtg--fade {
-    &-enter {
-        opacity: 0;
-        &-active {
-            opacity: 1;
-            transition: opacity 300ms ease;
-        }
-    }
-    &-exit {
-        opacity: 1;
-        &-active {
-            opacity: 0;
-            transition: opacity 300ms ease;
-        }
-    }
+.mx_rtg--fade-enter {
+    opacity: 0;
+}
+.mx_rtg--fade-enter-active {
+    opacity: 1;
+    transition: opacity 300ms ease;
+}
+.mx_rtg--fade-exit {
+    opacity: 1;
+}
+.mx_rtg--fade-exit-active {
+    opacity: 0;
+    transition: opacity 300ms ease;
 }