Merge pull request #882 from azavea/sml/fix-double-scrollbars

Fix #881 Double scrollbars
azavea · Aug 10, 2017 · 2b7d472 · 2b7d472
2 parents e9d5029 + dd488d9
commit 2b7d472
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/src/app/styles/base/_base.scss b/src/app/styles/base/_base.scss
@@ -15,8 +15,7 @@ html {
 body {
     position: relative;
     width: 100%;
-    height: 100%;
+    min-height: 100%;
     background-color: $body-color;
-    overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
 }
diff --git a/src/app/styles/layouts/_info.scss b/src/app/styles/layouts/_info.scss
@@ -1,16 +1,20 @@
 .body-info, .body-explore, .body-about {
-    display: flex;
-    flex-flow: column nowrap;
-    align-items: stretch;
-    justify-content: flex-start;
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
     width: 100%;
-    min-height: 100%;
+    height: 100%;
+    max-height: 100%;
     background-color: $body-color;
     overflow-x: hidden;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
 
     .main {
-        flex: auto;
-        align-self: center;
+        display: block;
         max-width: $home-main-max-width;
         margin: 0 auto 10rem;