Even more hacky small screen updates

xremming · Dec 11, 2023 · 4d9ebb4 · 4d9ebb4
1 parent 5d3e4ea
commit 4d9ebb4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/public/search.js b/public/search.js
@@ -100,6 +100,10 @@ function main() {
   var search = document.querySelector("#search");
   var modal = document.querySelector("#search-modal");
 
+  window.closeSearchModal = function () {
+    modal.classList.add("hide-search-modal");
+  };
+
   function gotoSearchResult(idx) {
     var i = idx;
     if (idx === null) i = state.selected;

diff --git a/template/index.html b/template/index.html
@@ -140,6 +140,7 @@ <h2 class="main-heading"><i>Magic: the Gathering</i> Comprehensive Rules</h2>
         .querySelector("#content")
         .addEventListener("click", function() {
           window.closeTocIfSmallScreen();
+          if (window.closeSearchModal) window.closeSearchModal();
         });
 
       // When the window is small (toc is on top of content), clicking a link