arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-02 12:20:53 +00:00
Code Issues Releases Wiki Activity

use css fadein anim on modal windows

Browse Source
This commit is contained in:
Maroš Špak 2018-12-11 18:47:34 +01:00
parent 873d6c47b7
commit 6f2f938c83
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/modals/index.js
View File

@ -5,6 +5,7 @@ import { CSSTransition } from 'react-transition-group';
import styled from 'styled-components'; import styled from 'styled-components';
import colors from 'config/colors'; import colors from 'config/colors';
import { FADE_IN } from 'config/animations';
import { UI } from 'trezor-connect'; import { UI } from 'trezor-connect';
import * as MODAL from 'actions/constants/modal'; import * as MODAL from 'actions/constants/modal';
@ -31,6 +32,7 @@ import Stellar from 'components/modals/external/Stellar';
import type { Props } from './Container'; import type { Props } from './Container';
// TODO: animation not working
const Fade = (props: { children: React.Node}) => ( const Fade = (props: { children: React.Node}) => (
<CSSTransition <CSSTransition
{...props} {...props}
@ -53,6 +55,7 @@ const ModalContainer = styled.div`
align-items: center; align-items: center;
overflow: auto; overflow: auto;
padding: 20px; padding: 20px;
animation: ${FADE_IN} 0.3s;
`; `;
const ModalWindow = styled.div` const ModalWindow = styled.div`