Fixed the multiple scrollbars bug for linux/windows (#236)

Fixed #182 & #202
hql287 · Mar 2, 2018 · 484929f · 484929f
1 parent 0d70616
commit 484929f
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 5 deletions.
diff --git a/app/components/shared/Layout.jsx b/app/components/shared/Layout.jsx
@@ -11,14 +11,14 @@ const AppWrapperStyle = styled.div`
 `;
 
 const AppMainContentStyle = styled.div`
-  overflow: scroll;
+  overflow: auto;
   width: 100%;
   height: 100%;
   background: #f9fafa;
 `;
 
 const PageWrapperStyle = styled.div`
-  overflow: scroll;
+  overflow: auto;
   display: flex;
   flex-direction: column;
   height: 100%;

diff --git a/modal/Dialog.jsx b/modal/Dialog.jsx
@@ -72,7 +72,7 @@ const Message = styled.p`
   margin: 0;
   width: 100%;
   height: 100%;
-  overflow: scroll;
+  overflow: auto;
 `;
 
 const Actions = styled.div`

diff --git a/preview/containers/MainContent.jsx b/preview/containers/MainContent.jsx
@@ -10,7 +10,7 @@ const Wrapper = styled.div`
   width: 100%;
   align-items: flex-start;
   justify-content: center;
-  overflow: scroll;
+  overflow: auto;
   padding-top: 30px;
 `;
 

diff --git a/static/css/layout.css b/static/css/layout.css
@@ -74,7 +74,7 @@
 .mainContentWrapper {
   /* padding-top: 40px; */
   width: 100%;
-  overflow: scroll;
+  overflow: auto;
 }
 
 /* Utilities */

diff --git a/tour/components/Slide.jsx b/tour/components/Slide.jsx
@@ -5,6 +5,7 @@ import styled from 'styled-components';
 
 const Wrapper = styled.div`
   height: 100%;
+  overflow: hidden;
   display: flex;
   align-items: center;
   flex-direction: column;