Trying to fix ios scrolling

1 files changed, 11 insertions, 16 deletions

diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index b70e0b2c..b3341748 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -19,6 +19,11 @@ pre {
     padding: 0;
 }
 
+html, body {
+    width: 100%;
+    height: 100%;
+}
+
 body {
     text-size-adjust: 100%;
     word-break: break-word;
@@ -79,11 +84,11 @@ hr {
     background: #fdfdfe;
     display: grid;
     grid-template-areas: "header" "content" "footer";
-    grid-template-columns: 1fr;
+    grid-template-columns: 100%;
     grid-template-rows: auto 1fr auto;
     transition: margin-left 0.2s;
-    min-height: 100vh;
-    max-height: 100vh;
+    min-height: 100%;
+    max-height: 100%;
 }
 
 #header {
@@ -106,18 +111,7 @@ hr {
 }
 
 #sidebar {
-    color: #222;
-    transition: width 0.2s;
-    position: fixed;
-    width: 0;
-    top: 0;
-    left: 0;
-    overflow-x: hidden;
-    overflow-y: auto;
-    height: 100%;
-    z-index: 1;
-    display: flex;
-    flex-direction: column;
+    display: none;
 }
 
 .nav_content {
@@ -130,6 +124,7 @@ hr {
     margin-top: 12px;
     overflow-x: hidden;
     overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
     transition: margin-left 0.4s;
 }
 
@@ -312,7 +307,7 @@ hr {
     }
     #sidebar {
         border: 0;
-        position: static;
+        display: block;
         grid-area: nav;
         top: inherit;
         left: inherit;