Merge pull request #1255 from mrfelton/fix/scroll-issue

fix(ui): ensure main content area is scrollable
LN-Zap · Jan 5, 2019 · cdfbfe3 · cdfbfe3
2 parents 31325f2 + 8586c7e
commit cdfbfe3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/app/components/UI/MainContent.js b/app/components/UI/MainContent.js
@@ -7,6 +7,8 @@ import { BackgroundPrimary } from 'components/UI'
  * @example
  * <MainContent>Some content</MainContent>
  */
-const MainContent = ({ css, ...rest }) => <BackgroundPrimary as="article" width={1} {...rest} />
+const MainContent = ({ css, ...rest }) => (
+  <BackgroundPrimary as="article" width={1} css={{ 'overflow-y': 'auto' }} {...rest} />
+)
 
 export default MainContent
diff --git a/test/unit/components/UI/__snapshots__/MainContent.spec.js.snap b/test/unit/components/UI/__snapshots__/MainContent.spec.js.snap
@@ -5,6 +5,7 @@ exports[`component.UI.MainContent should render correctly 1`] = `
   width: 100%;
   color: primaryText;
   background-color: primaryColor;
+  overflow-y: auto;
 }
 
 <article