diff options
Diffstat (limited to 'app/javascript/mastodon/features/compose/components/warning.js')
-rw-r--r-- | app/javascript/mastodon/features/compose/components/warning.js | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/app/javascript/mastodon/features/compose/components/warning.js b/app/javascript/mastodon/features/compose/components/warning.js index 75f36b840..a0814e984 100644 --- a/app/javascript/mastodon/features/compose/components/warning.js +++ b/app/javascript/mastodon/features/compose/components/warning.js @@ -1,5 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; +import Motion from 'react-motion/lib/Motion'; +import spring from 'react-motion/lib/spring'; export default class Warning extends React.PureComponent { @@ -11,9 +13,13 @@ export default class Warning extends React.PureComponent { const { message } = this.props; return ( - <div className='compose-form__warning'> - {message} - </div> + <Motion defaultStyle={{ opacity: 0, scaleX: 0.85, scaleY: 0.75 }} style={{ opacity: spring(1, { damping: 35, stiffness: 400 }), scaleX: spring(1, { damping: 35, stiffness: 400 }), scaleY: spring(1, { damping: 35, stiffness: 400 }) }}> + {({ opacity, scaleX, scaleY }) => ( + <div className='compose-form__warning' style={{ opacity: opacity, transform: `scale(${scaleX}, ${scaleY})` }}> + {message} + </div> + )} + </Motion> ); } |