From: Gaël Poupard <gael.poupard@orange.com>
Date: Tue, 18 Feb 2020 12:48:06 +0000 (+0100)
Subject: docs(sidenav): fix struggling CSS when collapsing sidenav
X-Git-Tag: v5.0.0-alpha1~293
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=79dc21b22b25d663701ae6d6bb6306a5d1c58a3b;p=thirdparty%2Fbootstrap.git

docs(sidenav): fix struggling CSS when collapsing sidenav
---

diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss
index 4348615d62..0ce1bca019 100644
--- 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 523e6afd17..123a92456b 100644
--- 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 }}>