diff options
author | Luigi Pinca <luigipinca@gmail.com> | 2016-03-23 21:45:35 +0300 |
---|---|---|
committer | silverwind <me@silverwind.io> | 2016-04-09 19:21:05 +0300 |
commit | d2577def937a7930d0c8b996983fae28d860090f (patch) | |
tree | 3b1ab079ff0c44f200060d28cc7d08d60c8999a4 /doc/api_assets | |
parent | f938ef7492f40a81ca2bcae68fd42b8e15235fab (diff) |
doc: fix scrolling on iOS devices
Fixes an issue that prevented scrolling from going past large code
blocks on iOS devices. Also fixes a few minor styling issues that
came up in the discussion.
Fixes: https://github.com/nodejs/node/issues/5861
PR-URL: https://github.com/nodejs/node/pull/5878
Reviewed-By: Roman Reiss <me@silverwind.io>
Reviewed-By: James M Snell <jasnell@gmail.com>
Reviewed-By: Robert Lindstädt <robert.lindstaedt@gmail.com>
Diffstat (limited to 'doc/api_assets')
-rw-r--r-- | doc/api_assets/style.css | 28 |
1 files changed, 6 insertions, 22 deletions
diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css index 47f33923959..b093b2c3fe1 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; @@ -458,16 +455,15 @@ th > *:last-child, td > *:last-child { @media only screen and (max-width: 1024px) { #content { - font-size: 2.1em; + font-size: 2.5em; + overflow: visible; } #column1.interior { margin-left: 0; padding-left: .5em; padding-right: .5em; width: auto; - } - pre { - margin-right: 0; + overflow-y: visible; } #column2 { display: none; @@ -476,18 +472,6 @@ th > *:last-child, td > *:last-child { @media only screen and (max-width: 1024px) and (orientation: portrait) { #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; + font-size: 3.5em; } } |