docs(sidenav): use class selector for active item

diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss
index 120526fa45b89d2e9120bc5ad6bc8d68358e700e..521263e13db62741a86c2dddcc3c998db820b0b4 100644 (file)
--- 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 d3c7161e499c25279193fb679bd5220753f63753..03594291fd0b0b2d7eb851c9090cf0d022c7a836 100644 (file)
--- 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>