aboutsummaryrefslogtreecommitdiffstats
path: root/packages/react-shared/src/components
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-04-24 16:38:25 +0800
committerFabio Berger <me@fabioberger.com>2018-04-24 16:38:25 +0800
commita6d5cd4b39140c7ceca31644941c0e67405df7d5 (patch)
tree091084f5f32e99a1f9d173ee010b1cf403d15fea /packages/react-shared/src/components
parent4c5a632095ce6394d5b8c0cc68d56ca90b95c28f (diff)
downloaddexon-sol-tools-a6d5cd4b39140c7ceca31644941c0e67405df7d5.tar
dexon-sol-tools-a6d5cd4b39140c7ceca31644941c0e67405df7d5.tar.gz
dexon-sol-tools-a6d5cd4b39140c7ceca31644941c0e67405df7d5.tar.bz2
dexon-sol-tools-a6d5cd4b39140c7ceca31644941c0e67405df7d5.tar.lz
dexon-sol-tools-a6d5cd4b39140c7ceca31644941c0e67405df7d5.tar.xz
dexon-sol-tools-a6d5cd4b39140c7ceca31644941c0e67405df7d5.tar.zst
dexon-sol-tools-a6d5cd4b39140c7ceca31644941c0e67405df7d5.zip
Fix CI failures caused by Webkit css properties not being recognized by React types. This is a hack.
Diffstat (limited to 'packages/react-shared/src/components')
-rw-r--r--packages/react-shared/src/components/anchor_title.tsx19
1 files changed, 12 insertions, 7 deletions
diff --git a/packages/react-shared/src/components/anchor_title.tsx b/packages/react-shared/src/components/anchor_title.tsx
index f44354097..6e648739d 100644
--- a/packages/react-shared/src/components/anchor_title.tsx
+++ b/packages/react-shared/src/components/anchor_title.tsx
@@ -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>