Use `has-children`.

diff --git a/site/layouts/partials/docs-sidebar.html b/site/layouts/partials/docs-sidebar.html
index 7f6f1eb2053583458ce329e0b58dc1f27a56af4b..d376f36747a3499a5d1fefe68709a1e22ceffc36 100644 (file)
--- a/site/layouts/partials/docs-sidebar.html
+++ b/site/layouts/partials/docs-sidebar.html
@@ -15,7 +15,7 @@
     {{- $group_slug := $group.title | urlize -}}
     {{- $active_group := eq $.Page.Params.group $group_slug }}
 
-      <li class="bd-sidenav-group my-1{{ if $active_group }} active{{ end }} js-sidenav-group">
+      <li class="bd-sidenav-group my-1{{ if $active_group }} active{{ end }} js-sidenav-group{{ if $group.pages }} has-children{{ end }}">
         <a class="d-inline-flex align-items-center bd-sidenav-group-link" href="/docs/{{ $.Site.Params.docs_version }}/{{ $group_slug }}/{{ if $group.pages }}{{ $link_slug }}/{{ end }}">
           <div>{{- $group.title -}}</div>
         </a>

diff --git a/site/static/docs/4.3/assets/scss/_sidebar.scss b/site/static/docs/4.3/assets/scss/_sidebar.scss
index b5c3569349f1174bc81f2b368959040c86fa0f90..43232e9aa4143e46dadfe522d157ed7852f9530b 100644 (file)
--- a/site/static/docs/4.3/assets/scss/_sidebar.scss
+++ b/site/static/docs/4.3/assets/scss/_sidebar.scss
@@ -43,7 +43,17 @@
   color: rgba(0, 0, 0, .65);
   @include border-radius(.25rem);
 
-  &::before {
+  > * { pointer-events: none; }
+
+  &:hover {
+    color: rgba(0, 0, 0, .85);
+    text-decoration: none;
+    background-color: rgba($bd-purple-bright, .1);
+  }
+}
+
+.bd-sidenav-group {
+  &.has-children .bd-sidenav-group-link::before {
     display: inline-block;
     width: .875rem;
     height: .875rem;
@@ -55,16 +65,6 @@
     opacity: .5;
   }
 
-  > * { pointer-events: none; }
-
-  &:hover {
-    color: rgba(0, 0, 0, .85);
-    text-decoration: none;
-    background-color: rgba($bd-purple-bright, .1);
-  }
-}
-
-.bd-sidenav-group {
   &.active {
     .bd-sidenav-group-link::before {
       transform: rotate(90deg);
@@ -80,11 +80,6 @@
   }
 }
 
-// Hide icon on last item
-.bd-sidenav-group:last-child .bd-sidenav-group-link::before {
-  display: none;
-}
-
 // All levels of nav
 .bd-sidebar .nav {
   padding-left: 1.25rem;