diff options
| author | Fabio Berger <me@fabioberger.com> | 2018-10-15 23:48:39 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2018-10-15 23:48:39 +0800 |
| commit | c9a0c7872de22cf33f1cb82cf504d0df6923d0e8 (patch) | |
| tree | c5af7ca7320e1a623741bbd670b7749692366837 | |
| parent | a5e435d8317c7532caa4eb0fcf5bb49cf42c87c7 (diff) | |
| download | dexon-sol-tools-c9a0c7872de22cf33f1cb82cf504d0df6923d0e8.tar dexon-sol-tools-c9a0c7872de22cf33f1cb82cf504d0df6923d0e8.tar.gz dexon-sol-tools-c9a0c7872de22cf33f1cb82cf504d0df6923d0e8.tar.bz2 dexon-sol-tools-c9a0c7872de22cf33f1cb82cf504d0df6923d0e8.tar.lz dexon-sol-tools-c9a0c7872de22cf33f1cb82cf504d0df6923d0e8.tar.xz dexon-sol-tools-c9a0c7872de22cf33f1cb82cf504d0df6923d0e8.tar.zst dexon-sol-tools-c9a0c7872de22cf33f1cb82cf504d0df6923d0e8.zip | |
Chore: Only render one sidebar at a time
| -rw-r--r-- | packages/website/ts/components/documentation/docs_top_bar.tsx | 5 | ||||
| -rw-r--r-- | packages/website/ts/pages/documentation/developers_page.tsx | 3 |
2 files changed, 5 insertions, 3 deletions
diff --git a/packages/website/ts/components/documentation/docs_top_bar.tsx b/packages/website/ts/components/documentation/docs_top_bar.tsx index 95adc417d..28a205d7a 100644 --- a/packages/website/ts/components/documentation/docs_top_bar.tsx +++ b/packages/website/ts/components/documentation/docs_top_bar.tsx @@ -6,12 +6,13 @@ import * as React from 'react'; import { DocsLogo } from 'ts/components/documentation/docs_logo'; import { Container } from 'ts/components/ui/container'; import { Text } from 'ts/components/ui/text'; -import { Deco, Key, WebsitePaths } from 'ts/types'; +import { Deco, Key, ScreenWidths, WebsitePaths } from 'ts/types'; import { constants } from 'ts/utils/constants'; import { Translate } from 'ts/utils/translate'; export interface DocsTopBarProps { location: Location; + screenWidth: ScreenWidths; translate: Translate; sidebar?: React.ReactNode; } @@ -105,7 +106,7 @@ export class DocsTopBar extends React.Component<DocsTopBarProps, DocsTopBarState </Container> </Container> <Container width={'100%'} height={'1px'} backgroundColor={colors.grey300} marginTop={'11px'} /> - {this._renderDrawer()} + {this.props.screenWidth === ScreenWidths.Sm && this._renderDrawer()} </Container> ); } diff --git a/packages/website/ts/pages/documentation/developers_page.tsx b/packages/website/ts/pages/documentation/developers_page.tsx index 12c00b440..042d80c61 100644 --- a/packages/website/ts/pages/documentation/developers_page.tsx +++ b/packages/website/ts/pages/documentation/developers_page.tsx @@ -115,7 +115,7 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop : sidebarPadding, }} > - {this.props.sidebar} + {this.props.screenWidth !== ScreenWidths.Sm && this.props.sidebar} </div> </div> </Container> @@ -128,6 +128,7 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop <Container paddingLeft={mainContentPadding} paddingRight={mainContentPadding}> <DocsTopBar location={this.props.location} + screenWidth={this.props.screenWidth} translate={this.props.translate} sidebar={this.props.sidebar} /> |