Skip to content
GitLab
Commit e9b6a064 authored by Mark Otto's avatar Mark Otto
Browse files

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

parent 7673f4cc
7 merge requests!28721Hot test,!27561Adds font-weight-medium to font weight classes,!25326Adjust examples,!23995Add back cursor: pointer for .btn-link,!23178Spinner,!22716Docs redesign,!17021v4
Hide whitespace changes
Inline Side-by-side
Showing
with 11 additions and 3 deletions
+11 -3
assets/scss/_sidebar.scss
+ 11
- 3
View file @ e9b6a064
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
} }
padding-top: 1.5rem; padding-top: 1.5rem;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
overflow-y: auto; overflow-x: visible;
font-size: .875rem; font-size: .875rem;
} }
...@@ -52,9 +52,9 @@ ...@@ -52,9 +52,9 @@
@supports (position: sticky) { @supports (position: sticky) {
position: sticky; position: sticky;
top: 4rem; top: 4rem;
z-index: 1000;
max-height: calc(100vh - 4rem); max-height: calc(100vh - 4rem);
} }
overflow-y: auto;
border-right: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.1);
} }
...@@ -64,7 +64,15 @@ ...@@ -64,7 +64,15 @@
} }
.bd-links { .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 // Override collapse behaviors
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment