diff options
author | Fabio Berger <me@fabioberger.com> | 2018-10-14 00:09:04 +0800 |
---|---|---|
committer | Fabio Berger <me@fabioberger.com> | 2018-10-14 00:09:04 +0800 |
commit | 11941b08b686d13f02c0d2c1bf6d58692dd701db (patch) | |
tree | 0f4ec63f78b60ba28884372ec076a8478f35e923 | |
parent | 6f77b90836be13d5b7c425a1ac4e8c9f46bd8790 (diff) | |
download | dexon-0x-contracts-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar dexon-0x-contracts-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar.gz dexon-0x-contracts-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar.bz2 dexon-0x-contracts-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar.lz dexon-0x-contracts-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar.xz dexon-0x-contracts-11941b08b686d13f02c0d2c1bf6d58692dd701db.tar.zst dexon-0x-contracts-11941b08b686d13f02c0d2c1bf6d58692dd701db.zip |
Fix sidebar top so long titles display correctly
-rw-r--r-- | packages/website/ts/pages/documentation/doc_page.tsx | 10 |
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%'} |