Fix checkmark on interaction buttons with larger fonts (#1799)
Fixes #1796remotes/1703361221475462875/rebase/4.0.0rc1
parent
800e87ae91
commit
7a75bce1b4
|
@ -86,13 +86,13 @@ export default class IconButton extends React.PureComponent {
|
||||||
render () {
|
render () {
|
||||||
let style = {
|
let style = {
|
||||||
fontSize: `${this.props.size}px`,
|
fontSize: `${this.props.size}px`,
|
||||||
height: `${this.props.size * 1.28571429}px`,
|
height: '1.28571429em',
|
||||||
lineHeight: `${this.props.size}px`,
|
lineHeight: `${this.props.size}px`,
|
||||||
...this.props.style,
|
...this.props.style,
|
||||||
...(this.props.active ? this.props.activeStyle : {}),
|
...(this.props.active ? this.props.activeStyle : {}),
|
||||||
};
|
};
|
||||||
if (!this.props.label) {
|
if (!this.props.label) {
|
||||||
style.width = `${this.props.size * 1.28571429}px`;
|
style.width = '1.28571429em';
|
||||||
} else {
|
} else {
|
||||||
style.textAlign = 'left';
|
style.textAlign = 'left';
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,8 +22,8 @@ $emojis-requiring-inversion: 'back' 'copyright' 'curly_loop' 'currency_exchange'
|
||||||
content: "\F00C";
|
content: "\F00C";
|
||||||
font-size: 50%;
|
font-size: 50%;
|
||||||
font-family: FontAwesome;
|
font-family: FontAwesome;
|
||||||
right: -5px;
|
right: -0.55em;
|
||||||
top: -4px;
|
top: -0.44em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue