Fix popup animation

This commit is contained in:
SleepWalker 2016-06-04 09:01:10 +03:00
parent 57924cac79
commit 23ed66d844
2 changed files with 5 additions and 3 deletions

View File

@ -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}

View File

@ -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;