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

Fixed #182 & #202

Author: Jens Tangermann

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%;

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`

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;
 `;
 

static/css/layout.css

@@ -74,7 +74,7 @@
 .mainContentWrapper {
   /* padding-top: 40px; */
   width: 100%;
-  overflow: scroll;
+  overflow: auto;
 }
 
 /* Utilities */

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;