Improve small screen searching

xremming · Dec 11, 2023 · 16a63ce · 16a63ce
1 parent 4d9ebb4
commit 16a63ce
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 14 deletions.
diff --git a/public/search.js b/public/search.js
@@ -100,10 +100,6 @@ 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/public/style.css b/public/style.css
@@ -299,7 +299,7 @@ hr {
   z-index: var(--z-search-modal);
 
   background-color: var(--color-background-secondary);
-  padding: 1rem;
+  padding: 0 0.5rem;
   border-radius: 0 0 var(--border-radius) var(--border-radius);
   box-shadow: var(--box-shadow);
 }
@@ -311,14 +311,6 @@ hr {
   }
 }
 
-#search-modal > *:first-child {
-  margin-top: 0;
-}
-
-#search-modal > *:last-child {
-  margin-bottom: 0;
-}
-
 .search-result {
   margin: 0.5rem 0;
   padding: 0.5rem;

diff --git a/template/index.html b/template/index.html
@@ -140,7 +140,6 @@ <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