From af860986bd703cba3044e5f258354c71b8892bc2 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Fri, 23 Apr 2021 12:45:20 +0000
Subject: [PATCH] Add the search box and the toggle section navigation (for
 mobile)

---
 assets/scss/_custom.scss           | 6 +-----
 layouts/partials/blog-sidebar.html | 7 +++++++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index 29a8e1ecf8..e7f0902346 100644
--- a/assets/scss/_custom.scss
+++ b/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;
 
diff --git a/layouts/partials/blog-sidebar.html b/layouts/partials/blog-sidebar.html
index f1d7b1aac0..bbdbd82330 100644
--- a/layouts/partials/blog-sidebar.html
+++ b/layouts/partials/blog-sidebar.html
@@ -5,6 +5,13 @@ sidebar-tree in use elsewhere on the site. */}}
 {{ $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">