Docs navbar tweaks (#29948)

twbs · Feb 13, 2020 · 6f4784c · 6f4784c
1 parent e7bedac
commit 6f4784c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss
@@ -1,16 +1,15 @@
 .bd-navbar {
-  min-height: 4rem;
+  padding: .625rem 0;
   background-color: $bd-purple-bright;
 
   @include media-breakpoint-down(md) {
     .navbar-nav-scroll {
       width: 100%;
-      height: 2.5rem;
       margin-top: .25rem;
-      overflow: hidden;
 
       .navbar-nav {
-        padding-bottom: 2rem;
+        padding: .5rem 0;
+        margin: -.5rem 0;
         overflow-x: auto;
         white-space: nowrap;
         -webkit-overflow-scrolling: touch;
@@ -22,14 +21,14 @@
     .nav-link {
       color: rgba($white, .85);
 
-      &.active,
       &:hover,
       &:focus {
         color: $white;
       }
 
       &.active {
         font-weight: 600;
+        color: $white;
       }
     }
   }

diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html
@@ -1,6 +1,6 @@
-<header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar px-0">
-  <div class="container-xl flex-wrap flex-md-nowrap py-0 px-3">
-    <a class="navbar-brand mr-0 mr-md-2" href="/" aria-label="Bootstrap">
+<header class="navbar navbar-expand navbar-dark bd-navbar">
+  <div class="container-xl flex-wrap flex-md-nowrap">
+    <a class="navbar-brand mr-2" href="/" aria-label="Bootstrap">
       {{ partial "icons/bootstrap-logo-solid.svg" (dict "class" "d-block" "width" "32" "height" "32") }}
     </a>