Fix CI failures caused by Webkit css properties not being recognized by React types. This is a hack.

This commit is contained in:
Fabio Berger
2018-04-24 17:38:25 +09:00
parent 4c5a632095
commit a6d5cd4b39

View File

@@ -27,12 +27,6 @@ const styles: Styles = {
transform: 'rotate(45deg)',
cursor: 'pointer',
},
headers: {
WebkitMarginStart: 0,
WebkitMarginEnd: 0,
fontWeight: 'bold',
display: 'block',
},
h1: {
fontSize: '1.8em',
},
@@ -58,7 +52,18 @@ export class AnchorTitle extends React.Component<AnchorTitleProps, AnchorTitleSt
opacity = this.state.isHovering ? 0.6 : 1;
}
return (
<div className="relative flex" style={{ ...styles[this.props.headerSize], ...styles.headers }}>
<div
className="relative flex"
style={
{
...styles[this.props.headerSize],
fontWeight: 'bold',
display: 'block',
WebkitMarginStart: 0,
WebkitMarginEnd: 0,
} as any
}
>
<div className="inline-block" style={{ paddingRight: 4 }}>
{this.props.title}
</div>