From 9efaeba35e61df8514798e4bea907ff90d59851f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= <gael.poupard@orange.com> Date: Thu, 12 Mar 2020 17:20:26 +0100 Subject: [PATCH] docs(sidenav): use class selector for active item --- site/assets/scss/_sidebar.scss | 4 ++-- 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 120526fa45..521263e13d 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 d3c7161e49..03594291fd 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> -- GitLab