From a9178fe92e3ab554fdea3a3bf2016d9dac99f4a8 Mon Sep 17 00:00:00 2001 From: Luigi Pinca Date: Wed, 23 Mar 2016 19:45:35 +0100 Subject: [PATCH 1/3] doc: fix scrolling on iOS devices Fixes an issue that prevented scrolling from going past large code blocks on iOS devices. Fixes: https://github.com/nodejs/node/issues/5861 PR-URL: https://github.com/nodejs/node/pull/5878 --- doc/api_assets/style.css | 21 ++++----------------- 1 file changed, 4 insertions(+), 17 deletions(-) diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css index 47f3392395932f..51d09ed433ce6c 100644 --- 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; - } } From c38d062781474199c9cef9f2754090be233007b0 Mon Sep 17 00:00:00 2001 From: Luigi Pinca Date: Sun, 3 Apr 2016 17:42:56 +0200 Subject: [PATCH 2/3] fixup! address @silverwind comment --- doc/api_assets/style.css | 7 ------- doc/template.html | 1 + 2 files changed, 1 insertion(+), 7 deletions(-) diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css index 51d09ed433ce6c..d746d2ea319da0 100644 --- a/doc/api_assets/style.css +++ b/doc/api_assets/style.css @@ -455,7 +455,6 @@ th > *:last-child, td > *:last-child { @media only screen and (max-width: 1024px) { #content { - font-size: 2.1em; overflow: visible; } #column1.interior { @@ -472,9 +471,3 @@ th > *:last-child, td > *:last-child { display: none; } } - -@media only screen and (max-width: 1024px) and (orientation: portrait) { - #content { - font-size: 2.4em; - } -} diff --git a/doc/template.html b/doc/template.html index dec3f50670226e..7b5f8bb7c2b327 100644 --- a/doc/template.html +++ b/doc/template.html @@ -2,6 +2,7 @@ + __SECTION__ Node.js __VERSION__ Manual & Documentation From 662a561dffd5709653a68b237248fcfd4876b227 Mon Sep 17 00:00:00 2001 From: Luigi Pinca Date: Mon, 4 Apr 2016 08:49:40 +0200 Subject: [PATCH 3/3] fixup! make the text bigger on small screens --- doc/api_assets/style.css | 10 +++++++--- doc/template.html | 1 - 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css index d746d2ea319da0..b093b2c3fe11fd 100644 --- a/doc/api_assets/style.css +++ b/doc/api_assets/style.css @@ -455,6 +455,7 @@ th > *:last-child, td > *:last-child { @media only screen and (max-width: 1024px) { #content { + font-size: 2.5em; overflow: visible; } #column1.interior { @@ -464,10 +465,13 @@ th > *:last-child, td > *:last-child { width: auto; overflow-y: visible; } - pre { - margin-right: 0; - } #column2 { display: none; } } + +@media only screen and (max-width: 1024px) and (orientation: portrait) { + #content { + font-size: 3.5em; + } +} diff --git a/doc/template.html b/doc/template.html index 7b5f8bb7c2b327..dec3f50670226e 100644 --- a/doc/template.html +++ b/doc/template.html @@ -2,7 +2,6 @@ - __SECTION__ Node.js __VERSION__ Manual & Documentation