crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix version picker so it doesn't overflow onto two lines

Browse Source
This commit is contained in:
Fabio Berger
2018-12-18 15:31:58 +00:00
parent 44d9cc53b8
commit 18e55830b5
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/website/ts/components/documentation/sidebar_header.tsx
View File

@@ -24,7 +24,7 @@ export const SidebarHeader: React.StatelessComponent<SidebarHeaderProps> = ({
return ( return (
<Container> <Container>
<Container className="flex justify-bottom"> <Container className="flex justify-bottom">
<Container className="left pl1" width="150px"> <Container className="col col-7 pl1">
<Text <Text
fontColor={colors.lightLinkBlue} fontColor={colors.lightLinkBlue}
fontSize={screenWidth === ScreenWidths.Sm ? '20px' : '22px'} fontSize={screenWidth === ScreenWidths.Sm ? '20px' : '22px'}
@@ -37,12 +37,14 @@ export const SidebarHeader: React.StatelessComponent<SidebarHeaderProps> = ({
{!_.isUndefined(docsVersion) && {!_.isUndefined(docsVersion) &&
!_.isUndefined(availableDocVersions) && !_.isUndefined(availableDocVersions) &&
!_.isUndefined(onVersionSelected) && ( !_.isUndefined(onVersionSelected) && (
<div className="right" style={{ alignSelf: 'flex-end', paddingBottom: 4 }}> <div className="col col-5 pl1" style={{ alignSelf: 'flex-end', paddingBottom: 4 }}>
<VersionDropDown <Container className="right">
selectedVersion={docsVersion} <VersionDropDown
versions={availableDocVersions} selectedVersion={docsVersion}
onVersionSelected={onVersionSelected} versions={availableDocVersions}
/> onVersionSelected={onVersionSelected}
/>
</Container>
</div> </div>
)} )}
</Container> </Container>