From: 80B <wtf@idk.lol>
Date: Thu, 7 Jan 2021 22:36:01 +0000 (+0000)
Subject: use .hidden class for dialog
X-Git-Url: https://git.mdlowis.com/?a=commitdiff_plain;h=288f01738c78f76e072c840d9a42faaa85620f48;p=projs%2Fmdl.git

use .hidden class for dialog
---

diff --git a/index.html b/index.html
index c9e092c..2f029f9 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
 <link rel="stylesheet" href="style.css">
 <title>Michael D. Lowis - About Me</title>
 
-<aside id="dialog">
+<aside id="dialog" class="hidden">
     <section>
         <label>Search Title:</label><input id="search"/>
         <ul id="pages"></ul>
@@ -20,7 +20,7 @@ const loadPage = file => {
         .then(response => response.text())
         .then(data => {
             code.innerText = data;
-            dialog.style.display = "none";
+            dialog.classList.add('hidden');
         })
 };
 
@@ -39,13 +39,13 @@ const loadPage = file => {
 
     const keys = {
         "f": () => {
-            dialog.style.display = "block";
+            dialog.classList.remove('hidden');
             search.value = "";
             filterPages(true);
             search.focus();
         },
         "Escape": () => {
-            dialog.style.display = "none";
+            dialog.classList.add('hidden');
         }
     };
     document.onkeyup = ev => !keys[ev.key] || keys[ev.key](ev);
diff --git a/style.css b/style.css
index a8e3120..cfecf32 100644
--- a/style.css
+++ b/style.css
@@ -93,7 +93,7 @@ nav a {
 }
 
 aside {
-    display: none;
+    display: block;
     position: fixed;
     z-index: 1;
     left: 0;