From: Mark Otto <markdotto@gmail.com>
Date: Wed, 31 May 2017 17:13:29 +0000 (-0700)
Subject: redo how we do sticky sidebar because overflow-x/-y woes
X-Git-Tag: v4.0.0-beta~168
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e9b6a064f861693dbd004af59b77d8e147b77fd4;p=thirdparty%2Fbootstrap.git

redo how we do sticky sidebar because overflow-x/-y woes
---

diff --git a/assets/scss/_sidebar.scss b/assets/scss/_sidebar.scss
index a864930891..5c22130986 100644
--- a/assets/scss/_sidebar.scss
+++ b/assets/scss/_sidebar.scss
@@ -12,7 +12,7 @@
   }
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
-  overflow-y: auto;
+  overflow-x: visible;
   font-size: .875rem;
 }
 
@@ -52,9 +52,9 @@
     @supports (position: sticky) {
       position: sticky;
       top: 4rem;
+      z-index: 1000;
       max-height: calc(100vh - 4rem);
     }
-    overflow-y: auto;
     border-right: 1px solid rgba(0,0,0,.1);
   }
 
@@ -64,7 +64,15 @@
 }
 
 .bd-links {
-  margin: 1rem -15px;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  margin-right: -15px;
+  margin-left: -15px;
+
+  @include media-breakpoint-up(md) {
+    max-height: calc(100vh - 9rem);
+    overflow-y: auto;
+  }
 
   // Override collapse behaviors
   @include media-breakpoint-up(md) {