diff options
| author | Martijn Cuppens <[email protected]> | 2019-07-25 08:18:36 +0200 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2019-07-25 10:25:39 +0300 |
| commit | 2f4f15c0180e17eaa69cf9310b205da073260d5b (patch) | |
| tree | 37b9003bb1ab76afffc7816b2f8304a214589941 | |
| parent | 0d1e259ecfa1c94cafe929c2383457a9e5126e6d (diff) | |
| download | bootstrap-2f4f15c0180e17eaa69cf9310b205da073260d5b.tar.xz bootstrap-2f4f15c0180e17eaa69cf9310b205da073260d5b.zip | |
Sidebar theming tweaks
| -rw-r--r-- | site/layouts/partials/docs-sidebar.html | 2 | ||||
| -rw-r--r-- | site/static/docs/4.3/assets/scss/_sidebar.scss | 24 |
2 files changed, 9 insertions, 17 deletions
diff --git a/site/layouts/partials/docs-sidebar.html b/site/layouts/partials/docs-sidebar.html index 94b73094d..80b994799 100644 --- a/site/layouts/partials/docs-sidebar.html +++ b/site/layouts/partials/docs-sidebar.html @@ -1,4 +1,4 @@ -<nav class="collapse bd-links pb-3" id="bd-docs-nav" aria-label="Main navigation"> +<nav class="collapse bd-links" id="bd-docs-nav" aria-label="Main navigation"> {{- $url := split .Permalink "/" -}} {{- $page_slug := index $url (sub (len $url) 2) -}} diff --git a/site/static/docs/4.3/assets/scss/_sidebar.scss b/site/static/docs/4.3/assets/scss/_sidebar.scss index 5a5e60760..e8cc5bdab 100644 --- a/site/static/docs/4.3/assets/scss/_sidebar.scss +++ b/site/static/docs/4.3/assets/scss/_sidebar.scss @@ -1,16 +1,12 @@ // stylelint-disable declaration-no-important -.bd-sidebar { - order: 0; -} - .bd-links { @include media-breakpoint-up(md) { @supports (position: sticky) { position: sticky; top: 5rem; z-index: 1000; - height: calc(100vh - 7rem); + height: calc(100vh - 5rem); overflow-y: auto; } } @@ -21,21 +17,21 @@ } } -.bd-sidenav { +:not(.active) > .bd-sidenav { display: none; } .bd-sidenav-group-link { padding: .25rem .625rem .25rem .5rem; font-weight: 600; - color: rgba(0, 0, 0, .65); + color: rgba($black, .65); @include border-radius(.25rem); > * { pointer-events: none; } &:hover, &:focus { - color: rgba(0, 0, 0, .85); + color: rgba($black, .85); text-decoration: none; background-color: rgba($bd-purple-bright, .1); } @@ -60,11 +56,7 @@ } > .bd-sidenav-group-link { - color: rgba(0, 0, 0, .85); - } - - > .bd-sidenav { - display: block; + color: rgba($black, .85); } } } @@ -77,12 +69,12 @@ display: inline-block; padding: .25rem .5rem; @include font-size(.875rem); - color: rgba(0, 0, 0, .65); + color: rgba($black, .65); @include border-radius(.25rem); &:hover, &:focus { - color: rgba(0, 0, 0, .85); + color: rgba($white, .85); text-decoration: none; background-color: rgba($bd-purple-bright, .1); } @@ -92,6 +84,6 @@ > .active:hover > a, > .active:focus > a { font-weight: 600; - color: rgba(0, 0, 0, .85); + color: rgba($black, .85); } } |