Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Collapsable toots [1/??] ☕️

Browse source
This commit is contained in:
kibigo! 2017-06-21 19:05:24 -07:00 • committed by beatrix-bitrot
parent 0d3ec19e89
commit 93c52301ad
6 changed files with 71 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/javascript/mastodon/components/icon_button.js
View file

@ -17,6 +17,7 @@ export default class IconButton extends React.PureComponent {
disabled: PropTypes.bool,
inverted: PropTypes.bool,
animate: PropTypes.bool,
flip: PropTypes.bool,
overlay: PropTypes.bool,
};
@ -69,7 +70,7 @@ export default class IconButton extends React.PureComponent {
}
return (
<Motion defaultStyle={{ rotate: this.props.active ? -360 : 0 }} style={{ rotate: this.props.animate ? spring(this.props.active ? -360 : 0, { stiffness: 120, damping: 7 }) : 0 }}>
<Motion defaultStyle={{ rotate: this.props.active ? (this.props.flip ? -180 : -360) : 0 }} style={{ rotate: this.props.animate ? spring(this.props.active ? (this.props.flip ? -180 : -360) : 0, { stiffness: 120, damping: 7 }) : 0 }}>
{({ rotate }) =>
<button
aria-label={this.props.title}