From c980fd4a64daea73c6b7c6f622e7e88f0feb7a01 Mon Sep 17 00:00:00 2001
From: Matt Wang <matt@matthewwang.me>
Date: Mon, 4 Jul 2022 12:25:21 -0700
Subject: [PATCH] feat: adds search placeholder configuration (#613)
* implements search placeholder configuration
* changes implementation approach to use search_placeholder_custom
Thanks to @pdmosses for the suggestion!
* strips whitespace and HTML for both placeholder and aria-label
---
_includes/search_placeholder_custom.html | 1 +
_layouts/default.html | 5 ++++-
2 files changed, 5 insertions(+), 1 deletion(-)
create mode 100644 _includes/search_placeholder_custom.html
diff --git a/_includes/search_placeholder_custom.html b/_includes/search_placeholder_custom.html
new file mode 100644
index 00000000..2885058e
--- /dev/null
+++ b/_includes/search_placeholder_custom.html
@@ -0,0 +1 @@
+Search {{site.title}}
diff --git a/_layouts/default.html b/_layouts/default.html
index 33b31ffe..0563275a 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -92,9 +92,12 @@ layout: table_wrappers
<div class="main" id="top">
<div id="main-header" class="main-header">
{% if site.search_enabled != false %}
+
+ {% capture search_placeholder %}{% include search_placeholder_custom.html %}{% endcapture %}
+
<div class="search">
<div class="search-input-wrap">
- <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="Search {{ site.title }}" aria-label="Search {{ site.title }}" autocomplete="off">
+ <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="{{ search_placeholder | strip_html | strip }}" aria-label="{{ search_placeholder | strip_html| strip }}" autocomplete="off">
<label for="search-input" class="search-label"><svg viewBox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label>
</div>
<div id="search-results" class="search-results"></div>
--
GitLab