From 23ed66d84493cd0acae3366b6bb91a5554325ddf Mon Sep 17 00:00:00 2001
From: SleepWalker <mybox@udf.su>
Date: Sat, 4 Jun 2016 09:01:10 +0300
Subject: [PATCH] Fix popup animation

---
 src/components/ui/popup/PopupStack.jsx | 4 +++-
 src/components/ui/popup/popup.scss     | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/popup/PopupStack.jsx b/src/components/ui/popup/PopupStack.jsx
index bb97ee4..82aaf96 100644
--- a/src/components/ui/popup/PopupStack.jsx
+++ b/src/components/ui/popup/PopupStack.jsx
@@ -22,7 +22,9 @@ export class PopupStack extends Component {
             <ReactCSSTransitionGroup
                 transitionName={{
                     enter: styles.trEnter,
-                    leave: styles.trLeave
+                    enterActive: styles.trEnterActive,
+                    leave: styles.trLeave,
+                    leaveActive: styles.trLeaveActive
                 }}
                 transitionEnterTimeout={500}
                 transitionLeaveTimeout={500}
diff --git a/src/components/ui/popup/popup.scss b/src/components/ui/popup/popup.scss
index 001b1b1..f18fad6 100644
--- a/src/components/ui/popup/popup.scss
+++ b/src/components/ui/popup/popup.scss
@@ -112,7 +112,7 @@ $popupPadding: 20px;
         transform: translateY(-30%);
     }
 
-    &-active {
+    &Active {
         opacity: 1;
         transition: opacity 0.2s ease-in;
 
@@ -132,7 +132,7 @@ $popupPadding: 20px;
         transform: translateY(0);
     }
 
-    &-active {
+    &Active {
         opacity: 0;
         transition: opacity 0.2s ease-in;