diff options
| author | Martijn Cuppens <[email protected]> | 2020-02-13 13:45:33 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-02-13 13:45:33 +0100 |
| commit | 6f4784c8bb9004d5ece284fde1652b0d7706937e (patch) | |
| tree | 5b9ebf5b01ed5f01215547ff991747b421b66e70 | |
| parent | e7bedac3db1686c09ed08c6a3b1730510cc7f2db (diff) | |
| download | bootstrap-6f4784c8bb9004d5ece284fde1652b0d7706937e.tar.xz bootstrap-6f4784c8bb9004d5ece284fde1652b0d7706937e.zip | |
Docs navbar tweaks (#29948)
| -rw-r--r-- | site/assets/scss/_navbar.scss | 9 | ||||
| -rw-r--r-- | site/layouts/partials/docs-navbar.html | 6 |
2 files changed, 7 insertions, 8 deletions
diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss index 7df57a31e..c8e1a2d30 100644 --- 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,7 +21,6 @@ .nav-link { color: rgba($white, .85); - &.active, &:hover, &:focus { color: $white; @@ -30,6 +28,7 @@ &.active { font-weight: 600; + color: $white; } } } diff --git a/site/layouts/partials/docs-navbar.html b/site/layouts/partials/docs-navbar.html index 637341c69..3b07cba9d 100644 --- 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> |