diff options
| author | Mark Otto <[email protected]> | 2017-05-31 10:13:29 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-05-31 10:13:29 -0700 |
| commit | e9b6a064f861693dbd004af59b77d8e147b77fd4 (patch) | |
| tree | 0be5e79a8d1e3c126df7e19c28f929fcaea90fcc | |
| parent | 7673f4cc74d833a049da32587c3c99bf81f308ea (diff) | |
| download | bootstrap-e9b6a064f861693dbd004af59b77d8e147b77fd4.tar.xz bootstrap-e9b6a064f861693dbd004af59b77d8e147b77fd4.zip | |
redo how we do sticky sidebar because overflow-x/-y woes
| -rw-r--r-- | assets/scss/_sidebar.scss | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/assets/scss/_sidebar.scss b/assets/scss/_sidebar.scss index a86493089..5c2213098 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) { |