aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-12-18 23:31:58 +0800
committerFabio Berger <me@fabioberger.com>2018-12-18 23:31:58 +0800
commit18e55830b5816c342d8e9d9f64ae035f9284ea80 (patch)
treee68ca5fa3fe80da7f123e72f8bbee9d493ceef1e
parent44d9cc53b87c5a19586c05030292b5b21351dc74 (diff)
downloaddexon-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.tsx16
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>