diff --git a/app/javascript/mastodon/components/column_collapsable.js b/app/javascript/mastodon/components/column_collapsable.js index fc4ed309c..c7c953acd 100644 --- a/app/javascript/mastodon/components/column_collapsable.js +++ b/app/javascript/mastodon/components/column_collapsable.js @@ -13,30 +13,35 @@ class ColumnCollapsable extends React.PureComponent { state = { collapsed: true, + animating: false, }; handleToggleCollapsed = () => { const currentState = this.state.collapsed; - this.setState({ collapsed: !currentState }); + this.setState({ collapsed: !currentState, animating: true }); if (!currentState && this.props.onCollapse) { this.props.onCollapse(); } } + handleTransitionEnd = () => { + this.setState({ animating: false }); + } + render () { const { icon, title, fullHeight, children } = this.props; - const { collapsed } = this.state; + const { collapsed, animating } = this.state; return ( -