aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/website/ts/pages/documentation/developers_page.tsx5
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/website/ts/pages/documentation/developers_page.tsx b/packages/website/ts/pages/documentation/developers_page.tsx
index 934a4cc36..918a3a635 100644
--- a/packages/website/ts/pages/documentation/developers_page.tsx
+++ b/packages/website/ts/pages/documentation/developers_page.tsx
@@ -1,4 +1,4 @@
-import { colors, constants as sharedConstants } from '@0x/react-shared';
+import { colors, constants as sharedConstants, utils as sharedUtils } from '@0x/react-shared';
import * as _ from 'lodash';
import * as React from 'react';
import DocumentTitle = require('react-document-title');
@@ -71,6 +71,7 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop
const isSmallScreen = this.props.screenWidth === ScreenWidths.Sm;
const mainContentPadding = isSmallScreen ? 20 : 50;
const sidebarPadding = 22;
+ const isUserOnMobile = sharedUtils.isUserOnMobile();
return (
<Container
className="flex items-center overflow-hidden"
@@ -143,7 +144,7 @@ export class DevelopersPage extends React.Component<DevelopersPageProps, Develop
paddingRight: this.state.isHoveringMainContent
? mainContentPadding - SCROLLER_WIDTH
: mainContentPadding,
- overflow: this.state.isHoveringMainContent ? 'auto' : 'hidden',
+ overflow: this.state.isHoveringMainContent || isUserOnMobile ? 'auto' : 'hidden',
}}
onMouseEnter={this._onMainContentHover.bind(this, true)}
onMouseOver={this._onMainContentHover.bind(this, true)}