aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components')
-rw-r--r--packages/website/ts/components/documentation/docs_top_bar.tsx39
1 files changed, 16 insertions, 23 deletions
diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx
index e5aa2ea29..3fea1c714 100644
--- a/packages/website/ts/components/documentation/docs_top_bar.tsx
+++ b/packages/website/ts/components/documentation/docs_top_bar.tsx
@@ -65,7 +65,7 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
return (
<Container height={80}>
<Container className="flex items-center lg-pt3 md-pt3 sm-pt1 relative" width="100%">
- <div className="col col-2 sm-hide xs-hide">
+ <Container className="col col-2 sm-hide xs-hide">
<Link
to={WebsitePaths.Home}
style={{ color: colors.linkSectionGrey }}
@@ -78,17 +78,17 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
</Text>
</Container>
</Link>
- </div>
- <div className="col col-4 md-hide sm-hide xs-hide" />
- <div className="col col-6 md-pl4 md-ml4 sm-hide xs-hide">
- <div className="flex items-center justify-between right" style={{ width: 300 }}>
+ </Container>
+ <Container className="col col-4 md-hide sm-hide xs-hide" />
+ <Container className="col col-6 md-pl4 md-ml4 sm-hide xs-hide">
+ <Container className="flex items-center justify-between right" width="300px">
{this._renderMenuItems(menuItemInfos)}
- </div>
- </div>
- <div className="lg-hide md-hide">
+ </Container>
+ </Container>
+ <Container className="lg-hide md-hide">
<DocsLogo height={30} containerStyle={{ paddingTop: 6, paddingLeft: 18 }} />
- </div>
- <div className="md-hide lg-hide absolute" style={{ right: 18, top: 12 }}>
+ </Container>
+ <Container className="md-hide lg-hide absolute" right="18px" top="12px">
<i
className="zmdi zmdi-menu"
style={{
@@ -98,16 +98,9 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
}}
onClick={this._onMenuButtonClick.bind(this)}
/>
- </div>
+ </Container>
</Container>
- <div
- style={{
- width: '100%',
- height: 1,
- backgroundColor: colors.grey300,
- marginTop: 11,
- }}
- />
+ <Container width={'100%'} height={'1px'} backgroundColor={colors.grey300} marginTop={'11px'} />
{this._renderDrawer()}
</Container>
);
@@ -124,12 +117,12 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
fontSize: 16,
}}
>
- <div className="flex">
+ <Container className="flex">
<img src={menuItemInfo.iconUrl} width="18" />
<div className="flex items-center" style={{ ...menuItemInfo.textStyle, paddingLeft: 4 }}>
{menuItemInfo.title}
</div>
- </div>
+ </Container>
</a>
);
});
@@ -143,14 +136,14 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState
openSecondary={true}
onRequestChange={this._onMenuButtonClick.bind(this)}
>
- <div className="clearfix pl1">
+ <Container className="clearfix pl1">
<NestedSidebarMenu
sectionNameToLinks={this.props.sectionNameToLinks}
shouldDisplaySectionHeaders={true}
shouldReformatMenuItemNames={false}
onMenuItemClick={this._onMenuButtonClick.bind(this)}
/>
- </div>
+ </Container>
</Drawer>
);
}