Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Doodle palette, options, fill tool (#172)

Browse source
This commit is contained in:
Ondřej Hruška 2017-10-14 00:58:38 +02:00 • committed by GitHub
parent daa04c39b6
commit 531dadad86
7 changed files with 430 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -22,6 +22,7 @@ export default class IconButton extends React.PureComponent {
flip: PropTypes.bool,
overlay: PropTypes.bool,
tabIndex: PropTypes.string,
label: PropTypes.string,
};
static defaultProps = {
@ -42,14 +43,18 @@ export default class IconButton extends React.PureComponent {
}
render () {
const style = {
let style = {
fontSize: `${this.props.size}px`,
width: `${this.props.size * 1.28571429}px`,
height: `${this.props.size * 1.28571429}px`,
lineHeight: `${this.props.size}px`,
...this.props.style,
...(this.props.active ? this.props.activeStyle : {}),
};
if (!this.props.label) {
style.width = `${this.props.size * 1.28571429}px`;
} else {
style.textAlign = 'left';
}
const classes = ['icon-button'];
@ -102,6 +107,7 @@ export default class IconButton extends React.PureComponent {
tabIndex={this.props.tabIndex}
>
<i style={{ transform: `rotate(${rotate}deg)` }} className={`fa fa-fw fa-${this.props.icon}`} aria-hidden='true' />
{this.props.label}
</button>
}
</Motion>