From 711245e5acdb866d9d40d5fade94b8a0a463d35c Mon Sep 17 00:00:00 2001 From: Roman Reiss Date: Mon, 18 Jan 2016 20:21:56 +0100 Subject: [PATCH] doc: style fixes for the TOC - Hide the scrollbar on the TOC on all browsers. It was never the intention for it to be visible with the scroll indication in place. A wrapper element with 20px padding was added to accommodate for hopefully all scrollbar widths as well as to avoid overflowing content. - Fixed the scroll indication gradient on Safari, which was caused by the wrong from-color, which now matches the to-color. - Fixed a issue in old IE where the TOC didn't render on the correct position through setting `left: 0` and `top: 0` on it. PR-URL: https://github.com/nodejs/node/pull/4748 Reviewed-By: James M Snell --- doc/api_assets/style.css | 13 +++++++++++-- doc/template.html | 12 +++++++----- 2 files changed, 18 insertions(+), 7 deletions(-) diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css index 4c8d64ab55..99bed0e761 100644 --- a/doc/api_assets/style.css +++ b/doc/api_assets/style.css @@ -370,18 +370,27 @@ span.type { width: 234px; background: #333; position: fixed; + left: 0; + top: 0; height: 100%; + overflow: hidden; +} + +#column2 .no-scrollbar { overflow-y: scroll; + height: 100%; + width: 100%; + padding-right: 20px; } -#column2.interior:after { +#column2 .no-scrollbar:after { content: ''; position: fixed; bottom: 0; left: 0; width: 234px; height: 4em; - background: linear-gradient(rgba(242,245,240, 0), rgba(51, 51, 51, 1)); + background: linear-gradient(rgba(51, 51, 51, 0), rgba(51, 51, 51, 1)); pointer-events: none; } diff --git a/doc/template.html b/doc/template.html index dec3f50670..47bd4ba3e4 100644 --- a/doc/template.html +++ b/doc/template.html @@ -11,12 +11,14 @@
-
- - Node.js (1) - +
+ + __GTOC__
- __GTOC__