mirror of https://github.com/nodejs/node.git
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>
This commit is contained in:
parent
f938ef7492
commit
d2577def93
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue