From 6c8a779ce1aae58d23be3589fe19a58fee8ca1d5 Mon Sep 17 00:00:00 2001
From: medmunds <medmunds@gmail.com>
Date: Mon, 25 Jan 2021 12:49:25 -0800
Subject: [PATCH] Docs: add inline search form on help page

Referring to "the search docs box on the left"
doesn't make sense on mobile (which hides search
in the hamburger menu). Instead, just include
a search form at that point in the (html) docs.
---
 docs/_static/anymail-theme.css | 13 +++++++++++++
 docs/help.rst                  | 12 +++++++++++-
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/docs/_static/anymail-theme.css b/docs/_static/anymail-theme.css
index 2c12c9a..bc23c29 100644
--- a/docs/_static/anymail-theme.css
+++ b/docs/_static/anymail-theme.css
@@ -43,3 +43,16 @@ table.sticky-left th:first-of-type[colspan] > p {
 .rst-content a:visited code.xref {
   color: inherit;
 }
+
+
+/* Inline search forms (Anymail addition) */
+.anymail-inline-search-form {
+  margin-top: -1em;
+  margin-bottom: 1em;
+}
+.anymail-inline-search-form input[type=search] {
+  width: 280px;
+  max-width: 100%;
+  border-radius: 50px;
+  padding: 6px 12px;
+}
diff --git a/docs/help.rst b/docs/help.rst
index 7291e62..8af81d9 100644
--- a/docs/help.rst
+++ b/docs/help.rst
@@ -70,7 +70,17 @@ Here's how to contact the Anymail community:
 
 **"How do I...?"**
 
-  If the *Search docs* box on the left doesn't find an answer,
+  .. raw:: html
+
+        <div class="anymail-inline-search-form" role="search">
+          <form class="wy-form" action="../search/" method="get">
+            <input type="search" name="q" placeholder="Search docs">
+            <input type="hidden" name="check_keywords" value="yes">
+            <input type="hidden" name="area" value="default">
+          </form>
+        </div>
+
+  If searching the docs doesn't find an answer,
   ask a question in the GitHub `Anymail discussions`_ forum.
 
 **"I'm getting an error or unexpected behavior..."**