🐞fix sidebar submenu 'active' items issue #1

🎨 update sidebar .no-icon css
colinwilson · Nov 22, 2022 · 4d99f27 · 4d99f27
1 parent 4b2a549
commit 4d99f27
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/assets/docs/scss/custom/structure/_sidebar.scss b/assets/docs/scss/custom/structure/_sidebar.scss
@@ -137,9 +137,18 @@
                         background-color: var(--sidebar-menu-active-bg);
                     }
                 }
-                &.no-icon a:before {
+                &.no-icon {
+                    > a:before {
                     // content: "\e931" !important;
                     content: none !important;
+                    }
+
+                    > button {
+                        margin: 1px 0 1px 0;
+                        &:hover {
+                            margin: 1px 0 1px 0;
+                        }
+                    }
                 }
             }
 

diff --git a/layouts/partials/docs/sidebar.html b/layouts/partials/docs/sidebar.html
@@ -39,6 +39,7 @@
                                                 <div class="sidebar-submenu {{ if $active }}d-block{{ end }}">
                                                     <ul>
                                                         {{ range .Pages }}
+                                                            {{ $active := in $currentPage.RelPermalink .RelPermalink }}
                                                             <li class="{{ if $active }}current{{ end }} {{ if eq .Site.Params.docs.sidebarIcons true -}}{{ else }}no-icon{{ end }}"><a href="{{ .Permalink }}">{{ .Title }}</a></li>
                                                         {{ end }}
                                                     </ul>