docs(sidenav): fix struggling CSS when collapsing sidenav

diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss
index 4348615d6287d44bbeb16df79f8039b6255359f3..0ce1bca019e10a5ff39cd328df42d80c395f00bf 100644 (file)
--- a/site/assets/scss/_sidebar.scss
+++ b/site/assets/scss/_sidebar.scss
@@ -16,10 +16,6 @@
   }
 }
 
-:not(.active) > .bd-sidenav {
-  display: none;
-}
-
 .bd-sidenav-group-link {
   padding: .25rem .625rem .25rem .5rem;
   font-weight: 600;
@@ -57,6 +53,7 @@
 
 // All levels of nav
 .bd-sidebar .nav {
+  flex-flow: column nowrap;
   padding-left: 1.25rem;
 
   > li > a {

diff --git a/site/layouts/partials/docs-sidebar.html b/site/layouts/partials/docs-sidebar.html
index 523e6afd1790f657cd84ac945a8b6dcef3fcb728..123a92456b56df69e9d39cd4d9b0b183c10fcf34 100644 (file)
--- a/site/layouts/partials/docs-sidebar.html
+++ b/site/layouts/partials/docs-sidebar.html
@@ -22,7 +22,7 @@
       </a>
 
       {{- if $group.pages }}
-      <ul class="nav bd-sidenav flex-column mb-2 collapse{{ if $active_group }} show{{ end }}" id="{{ $group_slug }}-collapse">
+      <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 }}>