Fix version picker overflow

This commit is contained in:
Fabio Berger 2019-06-03 12:55:33 +01:00
parent f42ce6adb5
commit b43c9f075c

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="col col-8 pl1"> <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'}
@ -35,7 +35,7 @@ export const SidebarHeader: React.StatelessComponent<SidebarHeaderProps> = ({
</Text> </Text>
</Container> </Container>
{docsVersion !== undefined && availableDocVersions !== undefined && onVersionSelected !== undefined && ( {docsVersion !== undefined && availableDocVersions !== undefined && onVersionSelected !== undefined && (
<div className="col col-4 pl1" style={{ alignSelf: 'flex-end', paddingBottom: 4 }}> <div className="col col-5 pl1" style={{ alignSelf: 'flex-end', paddingBottom: 4 }}>
<Container className="right"> <Container className="right">
<VersionDropDown <VersionDropDown
selectedVersion={docsVersion} selectedVersion={docsVersion}