| ... | @@ -294,7 +294,6 @@ | ... | @@ -294,7 +294,6 @@ |
| 294 | padding: 1px 1em; | 294 | padding: 1px 1em; |
| 295 | } | 295 | } |
| 296 | | 296 | |
| 297 | /* help dialog */ | | |
| 298 | .help-modal { | 297 | .help-modal { |
| 299 | display: flex; | 298 | display: flex; |
| 300 | width: 100%; | 299 | width: 100%; |
| ... | @@ -308,7 +307,7 @@ | ... | @@ -308,7 +307,7 @@ |
| 308 | backdrop-filter: blur(0.3em); | 307 | backdrop-filter: blur(0.3em); |
| 309 | } | 308 | } |
| 310 | | 309 | |
| 311 | .help-modal > .dialog { | 310 | .help-modal > .modal { |
| 312 | max-width: 97vw; | 311 | max-width: 97vw; |
| 313 | max-height: 97vh; | 312 | max-height: 97vh; |
| 314 | overflow: auto; | 313 | overflow: auto; |
| ... | @@ -707,12 +706,12 @@ | ... | @@ -707,12 +706,12 @@ |
| 707 | <div class="flex-filler"></div> | 706 | <div class="flex-filler"></div> |
| 708 | </div> | 707 | </div> |
| 709 | </div> | 708 | </div> |
| 710 | <div id="helpDialog" class="hidden"> | 709 | <div id="helpModal" class="hidden"> |
| 711 | <div class="help-modal"> | 710 | <div class="help-modal"> |
| 712 | <div class="dialog"> | 711 | <div class="modal"> |
| 713 | <h1>Keyboard Shortcuts</h1> | 712 | <h1>Keyboard Shortcuts</h1> |
| 714 | <dl><dt><kbd>?</kbd></dt><dd>Show this help dialog</dd></dl> | 713 | <dl><dt><kbd>?</kbd></dt><dd>Show this help modal</dd></dl> |
| 715 | <dl><dt><kbd>Esc</kbd></dt><dd>Clear focus; close this dialog</dd></dl> | 714 | <dl><dt><kbd>Esc</kbd></dt><dd>Clear focus; close this modal</dd></dl> |
| 716 | <dl><dt><kbd>s</kbd></dt><dd>Focus the search field</dd></dl> | 715 | <dl><dt><kbd>s</kbd></dt><dd>Focus the search field</dd></dl> |
| 717 | <dl><dt><kbd>↑</kbd></dt><dd>Move up in search results</dd></dl> | 716 | <dl><dt><kbd>↑</kbd></dt><dd>Move up in search results</dd></dl> |
| 718 | <dl><dt><kbd>↓</kbd></dt><dd>Move down in search results</dd></dl> | 717 | <dl><dt><kbd>↓</kbd></dt><dd>Move down in search results</dd></dl> |