ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2025-05-31 14:11:58 +05:30
Code Issues Packages Projects Releases Wiki Activity

Fix popup animation

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ui/popup/PopupStack.jsx
View File

@@ -22,7 +22,9 @@ export class PopupStack extends Component {
<ReactCSSTransitionGroup <ReactCSSTransitionGroup
transitionName={{ transitionName={{
enter: styles.trEnter, enter: styles.trEnter,
leave: styles.trLeave enterActive: styles.trEnterActive,
leave: styles.trLeave,
leaveActive: styles.trLeaveActive
}} }}
transitionEnterTimeout={500} transitionEnterTimeout={500}
transitionLeaveTimeout={500} transitionLeaveTimeout={500}

4
src/components/ui/popup/popup.scss
View File

@@ -112,7 +112,7 @@ $popupPadding: 20px;
transform: translateY(-30%); transform: translateY(-30%);
} }
&-active { &Active {
opacity: 1; opacity: 1;
transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in;
@@ -132,7 +132,7 @@ $popupPadding: 20px;
transform: translateY(0); transform: translateY(0);
} }
&-active { &Active {
opacity: 0; opacity: 0;
transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in;