diff options
| -rw-r--r-- | layouts/partials/components/global-search.html | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/layouts/partials/components/global-search.html b/layouts/partials/components/global-search.html index 5b158abe..217971c4 100644 --- a/layouts/partials/components/global-search.html +++ b/layouts/partials/components/global-search.html @@ -1,4 +1,5 @@ <div id="global-search"> + <div id="global-search-close">×</div> {{ partial "components/pagefind" . }} </div> <div id="global-search-overlay"></div> @@ -37,6 +38,14 @@ bottom: 0; align-items: center; justify-content: center; + #global-search-close { + position: absolute; + top: 0; + right: 0; + padding: 0 1rem; + font-size: 3rem; + cursor: pointer; + } } #global-search #pagefind { @@ -116,5 +125,8 @@ // double-click to turn off search // in case esc and ctrl/cmd+k cannot be used search.addEventListener("dblclick", turnOff); + + const closeButton = document.getElementById("global-search-close"); + closeButton.addEventListener("click", turnOff); })(); </script> |