Add the search box and the toggle section navigation (for mobile)

Author: shuuji3

assets/scss/_custom.scss

@@ -444,7 +444,7 @@ body.cid-community > #deprecation-warning > .deprecation-warning > * {
 .td-sidebar__inner {
   form.td-sidebar__search {
 
-    button.td-sidebar__toggle {
+    .td-sidebar__toggle {
       &:hover {
         color: #000000;
       }
@@ -482,10 +482,6 @@ main.content {
 
 .td-blog {
 
-  .td-sidebar-nav {
-    max-height: calc(100vh - 8rem);
-  }
-
   .widget-link {
     margin-bottom: 1rem;
 

layouts/partials/blog-sidebar.html

@@ -5,6 +5,13 @@
 {{ $shouldDelayActive := ge (len .Site.Pages) 2000 }}
 
 <div id="td-sidebar-menu" class="td-sidebar__inner{{ if $shouldDelayActive }} d-none{{ end }}">
+
+  <form class="td-sidebar__search d-flex align-items-center">
+    {{ partial "search-input.html" . }}
+    <button class="btn btn-link td-sidebar__toggle d-md-none p-0 ml-3 fas fa-bars" type="button" data-toggle="collapse" data-target="#td-section-nav" aria-controls="td-docs-nav" aria-expanded="false" aria-label="Toggle section navigation">
+    </button>
+  </form>
+  
   <nav class="collapse td-sidebar-nav pt-2 pl-4" id="td-section-nav">
     <!-- {{ if  (gt (len .Site.Home.Translations) 0) }}
     <div class="nav-item dropdown d-block d-lg-none">