me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix position of “expand” icon in media modal on glitch-soc (#1838)

Browse source
This commit is contained in:
Claire 2022-08-31 16:23:10 +02:00 committed by GitHub
parent 0fece174f6
commit 156c6ea36c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/javascript/flavours/glitch/components/icon_button.js
View file

@ -84,15 +84,21 @@ export default class IconButton extends React.PureComponent {
} }
render () { render () {
// Hack required for some icons which have an overriden size
let containerSize = '1.28571429em';
if (this.props.style?.fontSize) {
containerSize = `${this.props.size * 1.28571429}px`;
}
let style = { let style = {
fontSize: `${this.props.size}px`, fontSize: `${this.props.size}px`,
height: '1.28571429em', height: containerSize,
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 = '1.28571429em'; style.width = containerSize;
} else { } else {
style.textAlign = 'left'; style.textAlign = 'left';
} }