diff options
| author | Fabio Berger <me@fabioberger.com> | 2018-12-18 23:31:58 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2018-12-18 23:31:58 +0800 |
| commit | 18e55830b5816c342d8e9d9f64ae035f9284ea80 (patch) | |
| tree | e68ca5fa3fe80da7f123e72f8bbee9d493ceef1e | |
| parent | 44d9cc53b87c5a19586c05030292b5b21351dc74 (diff) | |
| download | dexon-sol-tools-18e55830b5816c342d8e9d9f64ae035f9284ea80.tar dexon-sol-tools-18e55830b5816c342d8e9d9f64ae035f9284ea80.tar.gz dexon-sol-tools-18e55830b5816c342d8e9d9f64ae035f9284ea80.tar.bz2 dexon-sol-tools-18e55830b5816c342d8e9d9f64ae035f9284ea80.tar.lz dexon-sol-tools-18e55830b5816c342d8e9d9f64ae035f9284ea80.tar.xz dexon-sol-tools-18e55830b5816c342d8e9d9f64ae035f9284ea80.tar.zst dexon-sol-tools-18e55830b5816c342d8e9d9f64ae035f9284ea80.zip | |
Fix version picker so it doesn't overflow onto two lines
| -rw-r--r-- | packages/website/ts/components/documentation/sidebar_header.tsx | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/packages/website/ts/components/documentation/sidebar_header.tsx b/packages/website/ts/components/documentation/sidebar_header.tsx index 9ced52c74..0ab24ab5e 100644 --- a/packages/website/ts/components/documentation/sidebar_header.tsx +++ b/packages/website/ts/components/documentation/sidebar_header.tsx @@ -24,7 +24,7 @@ export const SidebarHeader: React.StatelessComponent<SidebarHeaderProps> = ({ return ( <Container> <Container className="flex justify-bottom"> - <Container className="left pl1" width="150px"> + <Container className="col col-7 pl1"> <Text fontColor={colors.lightLinkBlue} fontSize={screenWidth === ScreenWidths.Sm ? '20px' : '22px'} @@ -37,12 +37,14 @@ export const SidebarHeader: React.StatelessComponent<SidebarHeaderProps> = ({ {!_.isUndefined(docsVersion) && !_.isUndefined(availableDocVersions) && !_.isUndefined(onVersionSelected) && ( - <div className="right" style={{ alignSelf: 'flex-end', paddingBottom: 4 }}> - <VersionDropDown - selectedVersion={docsVersion} - versions={availableDocVersions} - onVersionSelected={onVersionSelected} - /> + <div className="col col-5 pl1" style={{ alignSelf: 'flex-end', paddingBottom: 4 }}> + <Container className="right"> + <VersionDropDown + selectedVersion={docsVersion} + versions={availableDocVersions} + onVersionSelected={onVersionSelected} + /> + </Container> </div> )} </Container> |