]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Make sure the content doesn't cover the navbar dropdown
authorMartijn Cuppens <martijn.cuppens@gmail.com>
Fri, 6 Sep 2019 07:24:08 +0000 (09:24 +0200)
committerXhmikosR <xhmikosr@gmail.com>
Fri, 6 Sep 2019 15:06:13 +0000 (18:06 +0300)
See https://github.com/twbs/bootstrap/pull/29368#issuecomment-528725686

site/static/docs/4.3/assets/scss/_subnav.scss

index df192dcf30069736573f73da65d262f724399cfd..58b55d08178fcfd0641d34297b5eb3d96c25f301 100644 (file)
@@ -1,4 +1,7 @@
 .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);
   backdrop-filter: blur(1rem);
   box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .15);
   }
 
   @include media-breakpoint-up(md) {
-    @supports (position: sticky) {
-      position: sticky;
-      top: 0;
-      z-index: $zindex-sticky;
-    }
+    position: sticky;
+    top: 0;
   }
 }