rubiline
/
Glitch-Shrike
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix checkmark on interaction buttons with larger fonts (#1799) 

Fixes #1796
shrike
Claire 2022-06-16 15:37:59 +02:00 committed by GitHub
parent 800e87ae91
commit 7a75bce1b4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/flavours/glitch/components/icon_button.js
View File

@ -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';
} }

4
app/javascript/flavours/glitch/styles/accessibility.scss
View File

@ -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;
} }
} }