From 6bd180e64c19865543d425d30929a80f976343cf Mon Sep 17 00:00:00 2001
From: razonyang <razonyang@gmail.com>
Date: Fri, 5 May 2023 00:40:41 +0800
Subject: [PATCH] feat: add the modal_toggle_selector parameter

---
 assets/search/js/modal.ts                     | 2 +-
 hugo.toml                                     | 1 +
 layouts/partials/search/functions/params.html | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/assets/search/js/modal.ts b/assets/search/js/modal.ts
index 7bacfddffe2..51ed22ecdee 100644
--- a/assets/search/js/modal.ts
+++ b/assets/search/js/modal.ts
@@ -63,7 +63,7 @@ export default class Modal {
         })
 
         // open modal when clicking toggle button.
-        document.querySelectorAll('.search-modal-toggle').forEach((toggle) => {
+        document.querySelectorAll(params.modal_toggle_selector).forEach((toggle) => {
             toggle.addEventListener('click', () => {
                 this.show()
             })
diff --git a/hugo.toml b/hugo.toml
index 0a9aab15319..708caf87bf4 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -33,6 +33,7 @@ path = "github.com/hugomods/icons/vendors/bootstrap"
 
 [params.search]
 modal_container = "body"
+modal_toggle_selector = '.search-modal-toggle'
 stall_threshold = 300
 case_sensitive = false
 min_match_char_length = 1
diff --git a/layouts/partials/search/functions/params.html b/layouts/partials/search/functions/params.html
index b85c6a0f6ce..526fc200c8c 100644
--- a/layouts/partials/search/functions/params.html
+++ b/layouts/partials/search/functions/params.html
@@ -1,5 +1,6 @@
 {{- $defaults := dict
   "modal_container" "body"
+  "modal_toggle_selector" ".search-modal-toggle"
   "stall_threshold" 300
   "case_sensitive" false
   "min_match_char_length" 1