fix: "dialog" -> "modal"

"Dialog" is the incorrect term here because a dialog is a separate window that still lets you use the app
but a modal is a window where you can't continue using the app until you close it.
This commit is contained in:
r00ster91 2022-08-06 15:05:58 +02:00
parent 4ef567ba41
commit 6354851909
2 changed files with 6 additions and 7 deletions

View File

@ -294,7 +294,6 @@
padding: 1px 1em;
}
/* help dialog */
.help-modal {
display: flex;
width: 100%;
@ -308,7 +307,7 @@
backdrop-filter: blur(0.3em);
}
.help-modal > .dialog {
.help-modal > .modal {
max-width: 97vw;
max-height: 97vh;
overflow: auto;
@ -707,12 +706,12 @@
<div class="flex-filler"></div>
</div>
</div>
<div id="helpDialog" class="hidden">
<div id="helpModal" class="hidden">
<div class="help-modal">
<div class="dialog">
<div class="modal">
<h1>Keyboard Shortcuts</h1>
<dl><dt><kbd>?</kbd></dt><dd>Show this help dialog</dd></dl>
<dl><dt><kbd>Esc</kbd></dt><dd>Clear focus; close this dialog</dd></dl>
<dl><dt><kbd>?</kbd></dt><dd>Show this help modal</dd></dl>
<dl><dt><kbd>Esc</kbd></dt><dd>Clear focus; close this modal</dd></dl>
<dl><dt><kbd>s</kbd></dt><dd>Focus the search field</dd></dl>
<dl><dt><kbd></kbd></dt><dd>Move up in search results</dd></dl>
<dl><dt><kbd></kbd></dt><dd>Move down in search results</dd></dl>

View File

@ -48,7 +48,7 @@ var zigAnalysis;
let domPrivDeclsBox = document.getElementById("privDeclsBox");
let domTdZigVer = document.getElementById("tdZigVer");
let domHdrName = document.getElementById("hdrName");
let domHelpModal = document.getElementById("helpDialog");
let domHelpModal = document.getElementById("helpModal");
let searchTimer = null;