diff options
author | fragosti <francesco.agosti93@gmail.com> | 2018-10-20 06:01:54 +0800 |
---|---|---|
committer | fragosti <francesco.agosti93@gmail.com> | 2018-10-20 06:01:54 +0800 |
commit | a017f5e38561a152e8a757b340c1b0c6b3a3e21f (patch) | |
tree | 5ff144d227cab99c80d19bc7b4c3617e89c12e77 /packages/website/ts/pages/documentation/developers_page.tsx | |
parent | 100f446031e84c367f1d0852ef60fd04d4544b9f (diff) | |
parent | 2c308c0f4c172293e634d27f731d026e0361e639 (diff) | |
download | dexon-sol-tools-a017f5e38561a152e8a757b340c1b0c6b3a3e21f.tar dexon-sol-tools-a017f5e38561a152e8a757b340c1b0c6b3a3e21f.tar.gz dexon-sol-tools-a017f5e38561a152e8a757b340c1b0c6b3a3e21f.tar.bz2 dexon-sol-tools-a017f5e38561a152e8a757b340c1b0c6b3a3e21f.tar.lz dexon-sol-tools-a017f5e38561a152e8a757b340c1b0c6b3a3e21f.tar.xz dexon-sol-tools-a017f5e38561a152e8a757b340c1b0c6b3a3e21f.tar.zst dexon-sol-tools-a017f5e38561a152e8a757b340c1b0c6b3a3e21f.zip |
Merge branch 'development' of https://github.com/0xProject/0x-monorepo into feature/instant/beta-render-et-al
Diffstat (limited to 'packages/website/ts/pages/documentation/developers_page.tsx')
-rw-r--r-- | packages/website/ts/pages/documentation/developers_page.tsx | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/packages/website/ts/pages/documentation/developers_page.tsx b/packages/website/ts/pages/documentation/developers_page.tsx index 30b79552f..361dbc86e 100644 --- a/packages/website/ts/pages/documentation/developers_page.tsx +++ b/packages/website/ts/pages/documentation/developers_page.tsx @@ -6,6 +6,7 @@ import { DocsLogo } from 'ts/components/documentation/docs_logo'; import { DocsTopBar } from 'ts/components/documentation/docs_top_bar'; import { Container } from 'ts/components/ui/container'; import { Dispatcher } from 'ts/redux/dispatcher'; +import { media } from 'ts/style/media'; import { styled } from 'ts/style/theme'; import { BrowserType, OperatingSystemType, ScreenWidths } from 'ts/types'; import { Translate } from 'ts/utils/translate'; @@ -72,7 +73,6 @@ const SidebarContainer = ` ${scrollableContainerStyles} padding-top: 27px; - padding-bottom: 100px; padding-left: ${SIDEBAR_PADDING}px; padding-right: ${SIDEBAR_PADDING}px; overflow: hidden; @@ -99,14 +99,14 @@ const MainContentContainer = padding-right: ${50 - SCROLLBAR_WIDTH}px; overflow: auto; } - @media (max-width: 40em) { + ${media.small` padding-left: 20px; padding-right: 20px; &:hover { padding-right: ${20 - SCROLLBAR_WIDTH}px; overflow: auto; } - } + `} `; export class DevelopersPage extends React.Component<DevelopersPageProps, DevelopersPageState> { @@ -163,7 +163,9 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop </Container> </Container> <SidebarContainer onWheel={this._throttledSidebarScrolling}> - {this.props.screenWidth !== ScreenWidths.Sm && this.props.sidebar} + <Container paddingBottom="100px"> + {this.props.screenWidth !== ScreenWidths.Sm && this.props.sidebar} + </Container> </SidebarContainer> </Container> <Container |