diff options
| author | Gaël Poupard <[email protected]> | 2020-03-12 17:20:26 +0100 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2020-03-28 17:57:22 +0200 |
| commit | 9efaeba35e61df8514798e4bea907ff90d59851f (patch) | |
| tree | 2a42fdfadec9a98674b49a4857c0ae41634a8dff | |
| parent | c0aa3a1e1e917cc150efb3a568479f1ce15b1b22 (diff) | |
| download | bootstrap-9efaeba35e61df8514798e4bea907ff90d59851f.tar.xz bootstrap-9efaeba35e61df8514798e4bea907ff90d59851f.zip | |
docs(sidenav): use class selector for active item
| -rw-r--r-- | site/assets/scss/_sidebar.scss | 4 | ||||
| -rw-r--r-- | site/layouts/partials/docs-sidebar.html | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss index 120526fa4..521263e13 100644 --- a/site/assets/scss/_sidebar.scss +++ b/site/assets/scss/_sidebar.scss @@ -55,7 +55,7 @@ flex-flow: column nowrap; padding-left: 1.25rem; - > li > a { + a { display: inline-block; padding: .25rem .5rem; @include font-size(.875rem); @@ -70,7 +70,7 @@ } } - [aria-current="page"] { + .active { font-weight: 600; color: rgba($black, .85); } diff --git a/site/layouts/partials/docs-sidebar.html b/site/layouts/partials/docs-sidebar.html index d3c7161e4..03594291f 100644 --- a/site/layouts/partials/docs-sidebar.html +++ b/site/layouts/partials/docs-sidebar.html @@ -25,8 +25,8 @@ <ul class="nav bd-sidenav mb-2 collapse{{ if $active_group }} show{{ end }}" id="{{ $group_slug }}-collapse"> {{- range $doc := $group.pages -}} {{- $doc_slug := $doc.title | urlize }} - <li{{ if and $active_group (eq $page_slug $doc_slug) }} class="active bd-sidenav-active"{{ end }}> - <a href="/docs/{{ $.Site.Params.docs_version }}/{{ $group_slug }}/{{ $doc_slug }}/"{{ if and $active_group (eq $page_slug $doc_slug) }} aria-current="page"{{ end }}> + <li{{ if and $active_group (eq $page_slug $doc_slug) }} class="bd-sidenav-active"{{ end }}> + <a href="/docs/{{ $.Site.Params.docs_version }}/{{ $group_slug }}/{{ $doc_slug }}/"{{ if and $active_group (eq $page_slug $doc_slug) }} class="active" aria-current="page"{{ end }}> {{- $doc.title -}} </a> </li> |