doc: decouple sidebar scrolling

This lets the doc sidebar have its own scrolling container, making the page easier to navigate in cases where previously the menu was scrolled far off. PR-URL: #1274 Reviewed-by: Chris Dickinson <[email protected]> Reviewed-By: Brendan Ashworth <[email protected]>
nodejs · Mar 28, 2015 · 19641b1 · 19641b1
1 parent 318d9d8
commit 19641b1
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
@@ -351,7 +351,20 @@ span.type {
 
 #column2.interior {
   width: 234px;
-  float: left;
+  position: fixed;
+  height: 100%;
+  overflow-y: scroll;
+}
+
+#column2.interior:after {
+  content: '';
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 234px;
+  height: 5em;
+  background: linear-gradient(rgba(242,245,240, 0), rgba(242,245,240, 1));
+  pointer-events: none;
 }
 
 #column2 ul {
@@ -360,7 +373,7 @@ span.type {
   margin-top: 1.25em;
   background: #f2f5f0;
   margin-bottom: 0;
-  padding-bottom: 2.5em;
+  padding-bottom: 4em;
 }
 
 #column2 ul li {