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;
|
-webkit-font-variant-ligatures: none;
|
||||||
font-variant-ligatures: none;
|
font-variant-ligatures: none;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -15,9 +14,8 @@ body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
color: #333;
|
color: #333;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
overflow: hidden;
|
overflow: auto;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: block;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
pre, tt, code, .pre, span.type, a.type {
|
pre, tt, code, .pre, span.type, a.type {
|
||||||
|
@ -27,7 +25,6 @@ pre, tt, code, .pre, span.type, a.type {
|
||||||
#content {
|
#content {
|
||||||
font-size: 1.8em;
|
font-size: 1.8em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: block;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
@ -426,7 +423,7 @@ a code {
|
||||||
}
|
}
|
||||||
|
|
||||||
span > .mark, span > .mark:visited {
|
span > .mark, span > .mark:visited {
|
||||||
font-size: 18px;
|
font-size: 1em;
|
||||||
color: #707070;
|
color: #707070;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
|
@ -458,16 +455,15 @@ th > *:last-child, td > *:last-child {
|
||||||
|
|
||||||
@media only screen and (max-width: 1024px) {
|
@media only screen and (max-width: 1024px) {
|
||||||
#content {
|
#content {
|
||||||
font-size: 2.1em;
|
font-size: 2.5em;
|
||||||
|
overflow: visible;
|
||||||
}
|
}
|
||||||
#column1.interior {
|
#column1.interior {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding-left: .5em;
|
padding-left: .5em;
|
||||||
padding-right: .5em;
|
padding-right: .5em;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
overflow-y: visible;
|
||||||
pre {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
}
|
||||||
#column2 {
|
#column2 {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -476,18 +472,6 @@ th > *:last-child, td > *:last-child {
|
||||||
|
|
||||||
@media only screen and (max-width: 1024px) and (orientation: portrait) {
|
@media only screen and (max-width: 1024px) and (orientation: portrait) {
|
||||||
#content {
|
#content {
|
||||||
font-size: 2.4em;
|
font-size: 3.5em;
|
||||||
}
|
|
||||||
#column1.interior {
|
|
||||||
margin-left: 0;
|
|
||||||
padding-left: .5em;
|
|
||||||
padding-right: .5em;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
pre {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
#column2 {
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue