From fea93721edc93a89acb85aa66790dc3eb605c58c Mon Sep 17 00:00:00 2001 From: Roman Reiss Date: Mon, 18 Jan 2016 20:21:56 +0100 Subject: [PATCH 1/2] 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 was necessary to achieve the desired effect. - 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. --- doc/api_assets/style.css | 12 ++++++++++-- doc/template.html | 12 +++++++----- 2 files changed, 17 insertions(+), 7 deletions(-) diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css index 4c8d64ab5579c3..7e0a89c3d6ca8a 100644 --- a/doc/api_assets/style.css +++ b/doc/api_assets/style.css @@ -370,18 +370,26 @@ 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: 250px; } -#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 dec3f50670226e..47bd4ba3e4abb9 100644 --- a/doc/template.html +++ b/doc/template.html @@ -11,12 +11,14 @@
-
- - Node.js (1) - +
+ + __GTOC__
- __GTOC__
From 44965d7fa610847ad25a28b9bc0c0fdca9f5c435 Mon Sep 17 00:00:00 2001 From: Roman Reiss Date: Sat, 23 Jan 2016 23:03:48 +0100 Subject: [PATCH 2/2] use padding-right for hiding the scrollbar --- doc/api_assets/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css index 7e0a89c3d6ca8a..99bed0e761e77c 100644 --- a/doc/api_assets/style.css +++ b/doc/api_assets/style.css @@ -379,7 +379,8 @@ span.type { #column2 .no-scrollbar { overflow-y: scroll; height: 100%; - width: 250px; + width: 100%; + padding-right: 20px; } #column2 .no-scrollbar:after {