aboutsummaryrefslogtreecommitdiffstats
path: root/packages
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-10-14 00:09:04 +0800
committerFabio Berger <me@fabioberger.com>2018-10-14 00:09:04 +0800
commit11941b08b686d13f02c0d2c1bf6d58692dd701db (patch)
tree0f4ec63f78b60ba28884372ec076a8478f35e923 /packages
parent6f77b90836be13d5b7c425a1ac4e8c9f46bd8790 (diff)
downloaddexon-sol-tools-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar
dexon-sol-tools-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar.gz
dexon-sol-tools-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar.bz2
dexon-sol-tools-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar.lz
dexon-sol-tools-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar.xz
dexon-sol-tools-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar.zst
dexon-sol-tools-11941b08b686d13f02c0d2c1bf6d58692dd701db.zip
Fix sidebar top so long titles display correctly
Diffstat (limited to 'packages')
-rw-r--r--packages/website/ts/pages/documentation/doc_page.tsx10
1 files changed, 5 insertions, 5 deletions
diff --git a/packages/website/ts/pages/documentation/doc_page.tsx b/packages/website/ts/pages/documentation/doc_page.tsx
index ca2652c76..101040c2c 100644
--- a/packages/website/ts/pages/documentation/doc_page.tsx
+++ b/packages/website/ts/pages/documentation/doc_page.tsx
@@ -108,19 +108,19 @@ export class DocPage extends React.Component<DocPageProps, DocPageState> {
private _renderSidebarHeader(): React.ReactNode {
return (
<Container>
- <Container className="clearfix relative">
- <Container className="pl1 absolute" bottom="0">
+ <Container className="flex justify-bottom">
+ <Container className="left pl1" width="150px">
<Text fontColor={colors.lightLinkBlue} fontSize="22px" fontWeight="bold">
- 0x.js
+ {this.props.docsInfo.displayName}
</Text>
</Container>
- <Container className="right">
+ <div className="right" style={{ alignSelf: 'flex-end' }}>
<VersionDropDown
selectedVersion={this.props.docsVersion}
versions={this.props.availableDocVersions}
onVersionSelected={this._onVersionSelected.bind(this)}
/>
- </Container>
+ </div>
</Container>
<Container
width={'100%'}