rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Make sure the content doesn't cover the navbar dropdown

Browse Source 
See https://github.com/twbs/bootstrap/pull/29368#issuecomment-528725686
This commit is contained in:
Martijn Cuppens 2019-09-06 09:24:08 +02:00 committed by XhmikosR
parent c5e80ff2af
commit 9066f9495c
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
site/static/docs/4.3/assets/scss/_subnav.scss
View File

@ -1,4 +1,7 @@
.bd-subnavbar { .bd-subnavbar {
// The position and z-index are needed for the dropdown to stay on top of the content
position: relative;
z-index: $zindex-sticky;
background-color: rgba($white, .75); background-color: rgba($white, .75);
backdrop-filter: blur(1rem); backdrop-filter: blur(1rem);
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .15);
@ -15,11 +18,8 @@
} }
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
@supports (position: sticky) { position: sticky;
position: sticky; top: 0;
top: 0;
z-index: $zindex-sticky;
}
} }
} }