From a13cb0138e0548ab79896d7931e3a84ea6a9d64c Mon Sep 17 00:00:00 2001
From: Michael Gibson <m.gibson323@gmail.com>
Date: Tue, 23 Jun 2020 13:17:27 -0700
Subject: [PATCH 1/3] force sidebar search to hide on desktop but show on
 mobile, when enabled

---
 assets/scss/_sidebar-tree.scss     | 9 +++++++++
 layouts/partials/sidebar-tree.html | 3 +++
 2 files changed, 12 insertions(+)

diff --git a/assets/scss/_sidebar-tree.scss b/assets/scss/_sidebar-tree.scss
index 3eef1c4b01..45c6043167 100644
--- a/assets/scss/_sidebar-tree.scss
+++ b/assets/scss/_sidebar-tree.scss
@@ -129,4 +129,13 @@
             width: 100%;
         }
     }
+
+    #content-desktop {display: block;}
+    #content-mobile {display: none;}
+
+    @media screen and (max-width: 990px) {
+
+    #content-desktop {display: none;}
+    #content-mobile {display: block;}
+    }
 }
\ No newline at end of file
diff --git a/layouts/partials/sidebar-tree.html b/layouts/partials/sidebar-tree.html
index a3eeb2a45e..fab5060285 100644
--- a/layouts/partials/sidebar-tree.html
+++ b/layouts/partials/sidebar-tree.html
@@ -2,11 +2,14 @@
 {{ $shouldDelayActive := ge (len .Site.Pages) 2000 }}
 <div id="td-sidebar-menu" class="td-sidebar__inner{{ if $shouldDelayActive }} d-none{{ end }}">
   {{ if not .Site.Params.ui.sidebar_search_disable }}
+  <div id="content-mobile">
   <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>
+  </div>
+  <div id="content-desktop"></div>
   {{ end }}
   <nav class="collapse td-sidebar-nav pt-2 pl-4" id="td-section-nav">
     {{ if  (gt (len .Site.Home.Translations) 0) }}

From 6bc7b75d2b0607e8ccb1b603ebc648439f236c08 Mon Sep 17 00:00:00 2001
From: Michael Gibson <m.gibson323@gmail.com>
Date: Tue, 30 Jun 2020 13:47:28 -0700
Subject: [PATCH 2/3] addresses @LisaFC's review:
 https://github.com/google/docsy/pull/297#discussion_r447116911

---
 assets/scss/_sidebar-tree.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/scss/_sidebar-tree.scss b/assets/scss/_sidebar-tree.scss
index 45c6043167..522eb93001 100644
--- a/assets/scss/_sidebar-tree.scss
+++ b/assets/scss/_sidebar-tree.scss
@@ -133,7 +133,7 @@
     #content-desktop {display: block;}
     #content-mobile {display: none;}
 
-    @media screen and (max-width: 990px) {
+    @include media-breakpoint-down(md) {
 
     #content-desktop {display: none;}
     #content-mobile {display: block;}

From 3b8c2c20487c04a676dace8cdd8517bba3a29381 Mon Sep 17 00:00:00 2001
From: Michael Gibson <m.gibson323@gmail.com>
Date: Tue, 30 Jun 2020 13:48:59 -0700
Subject: [PATCH 3/3] Addresses @LisaFC's review:
 https://github.com/google/docsy/pull/297#discussion_r447120145

---
 layouts/partials/sidebar-tree.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/layouts/partials/sidebar-tree.html b/layouts/partials/sidebar-tree.html
index fab5060285..15fbf3993b 100644
--- a/layouts/partials/sidebar-tree.html
+++ b/layouts/partials/sidebar-tree.html
@@ -2,6 +2,12 @@
 {{ $shouldDelayActive := ge (len .Site.Pages) 2000 }}
 <div id="td-sidebar-menu" class="td-sidebar__inner{{ if $shouldDelayActive }} d-none{{ end }}">
   {{ if not .Site.Params.ui.sidebar_search_disable }}
+  <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>
+  {{ else }}
   <div id="content-mobile">
   <form class="td-sidebar__search d-flex align-items-center">
     {{ partial "search-input.html" . }}