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>
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
height: 100%;
- overflow: hidden;
}
body {
padding: 0;
color: #333;
background: #fff;
- overflow: hidden;
+ overflow: auto;
height: 100%;
- display: block;
}
pre, tt, code, .pre, span.type, a.type {
#content {
font-size: 1.8em;
overflow: hidden;
- display: block;
position: relative;
height: 100%;
}
}
span > .mark, span > .mark:visited {
- font-size: 18px;
+ font-size: 1em;
color: #707070;
position: absolute;
top: 0px;
@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;
@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;
}
}