Fix left-nav height and padding (no vars)

Author: chalin

assets/scss/_sidebar-tree.scss

@@ -2,17 +2,39 @@
 // Left side navigation
 //
 .td-sidebar-nav {
+  $_max-height: calc(100vh - 8.5rem);
+
   padding-right: 0.5rem;
   margin-right: -15px;
   margin-left: -15px;
 
   @include media-breakpoint-up(md) {
     @supports (position: sticky) {
-      max-height: calc(100vh - 10rem);
+      max-height: $_max-height;
       overflow-y: auto;
     }
   }
 
+  // Adjust height and padding when sidebar_search_disable is true
+  &.td-sidebar-nav--search-disabled {
+    padding-top: 1rem;
+
+    @include media-breakpoint-up(md) {
+      @supports (position: sticky) {
+        max-height: calc(#{$_max-height} + 4.5rem);
+      }
+    }
+  }
+
+  // Handle the case where #content-mobile is displayed with a search box,
+  // regardless of the value of sidebar_search_disable:
+  @include media-breakpoint-only(md) {
+    padding-top: 0 !important;
+    @supports (position: sticky) {
+      max-height: $_max-height !important;
+    }
+  }
+
   @include media-breakpoint-up(md) {
     display: block !important;
   }
@@ -22,7 +44,7 @@
       list-style: none;
     }
 
-    ul {
+    &.ul-0, ul {
       padding: 0;
       margin: 0;
     }
@@ -119,9 +141,7 @@
   }
 
   &__search {
-    padding: 1rem 15px;
-    margin-right: -15px;
-    margin-left: -15px;
+    padding: 1rem 0;
   }
 
   &__inner {
@@ -132,7 +152,7 @@
         position: sticky;
         top: 4rem;
         z-index: 10;
-        height: calc(100vh - 6rem);
+        height: calc(100vh - 5rem);
       }
     }
 

layouts/partials/sidebar-tree.html

@@ -18,7 +18,10 @@
   </div>
   <div id="content-desktop"></div>
   {{ end -}}
-  <nav class="collapse td-sidebar-nav{{ if .Site.Params.ui.sidebar_menu_foldable }} foldable-nav{{ end }}" id="td-section-nav">
+  <nav class="td-sidebar-nav collapse
+      {{- if .Site.Params.ui.sidebar_search_disable }} td-sidebar-nav--search-disabled{{ end -}}
+      {{- if .Site.Params.ui.sidebar_menu_foldable }} foldable-nav{{ end -}}
+      " id="td-section-nav">
     {{ if  (gt (len .Site.Home.Translations) 0) -}}
     <div class="td-sidebar-nav__section nav-item dropdown d-block d-lg-none">
       {{ partial "navbar-lang-selector.html" . }}