doc: fix scrolling on iOS devices

Fixes an issue that prevented scrolling from going past large code blocks on iOS devices. Fixes: #5861 PR-URL: #5878
nodejs · Mar 31, 2016 · a9178fe · a9178fe
1 parent 33c27f8
commit a9178fe
Showing 1 changed file with 4 additions and 17 deletions.
diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
@@ -5,7 +5,6 @@ html {
   -webkit-font-variant-ligatures: none;
           font-variant-ligatures: none;
   height: 100%;
-  overflow: hidden;
 }
 
 body {
@@ -15,9 +14,8 @@ body {
   padding: 0;
   color: #333;
   background: #fff;
-  overflow: hidden;
+  overflow: auto;
   height: 100%;
-  display: block;
 }
 
 pre, tt, code, .pre, span.type, a.type {
@@ -27,7 +25,6 @@ pre, tt, code, .pre, span.type, a.type {
 #content {
   font-size: 1.8em;
   overflow: hidden;
-  display: block;
   position: relative;
   height: 100%;
 }
@@ -426,7 +423,7 @@ a code {
 }
 
 span > .mark, span > .mark:visited {
-  font-size: 18px;
+  font-size: 1em;
   color: #707070;
   position: absolute;
   top: 0px;
@@ -459,12 +456,14 @@ th > *:last-child, td > *:last-child {
 @media only screen and (max-width: 1024px) {
   #content {
     font-size: 2.1em;
+    overflow: visible;
   }
   #column1.interior {
     margin-left: 0;
     padding-left: .5em;
     padding-right: .5em;
     width: auto;
+    overflow-y: visible;
   }
   pre {
     margin-right: 0;
@@ -478,16 +477,4 @@ th > *:last-child, td > *:last-child {
   #content {
     font-size: 2.4em;
   }
-  #column1.interior {
-    margin-left: 0;
-    padding-left: .5em;
-    padding-right: .5em;
-    width: auto;
-  }
-  pre {
-    margin-right: 0;
-  }
-  #column2 {
-    display: none;
-  }
 }