mirror of
https://github.com/zulip/zulip.git
synced 2025-11-19 14:08:23 +00:00
f4d5186541
So that it is, in fact, navigable via keyboard shortcut. It's not the most beautiful way to do this; in the ideal world the layout would be more properly responsive and could fill up the screen for you when you have the room for it. The issue is that the version of Bootstrap we're running doesn't easily allow for variable-sized modals, and the hassle of showing and hiding a div manually didn't seem worth it. The pixel sizes are specified manually as well, in a way that isn't particularly responsive, because of a few competing desires: 1) For them to appear side-by-side when wide enough 2) For them to stack when not wide enough 3) The fact that they're awkwardly between a span2 and a span3, so we can't just use the Bootstrap responsive layout stuff Finally, the diff here is best viewed with -w. (I also swapped the order of Narrowing and Navigation, which unfortunately clutters the diff.) (imported from commit 62cfa7959d48ce515562713eb48f9d9b33c8cc16)
112 lines
3.2 KiB
HTML
112 lines
3.2 KiB
HTML
<div class="modal hide" id="keyboard-shortcuts" tabindex="-1" role="dialog"
|
||
aria-labelledby="keyboard-shortcuts-label" aria-hidden="true">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h3 id="keyboard-shortcuts-label">Keyboard shortcuts</h3>
|
||
</div>
|
||
<div class="modal-body">
|
||
<table class="hotkeys_table table table-striped table-bordered table-condensed">
|
||
<thead>
|
||
<tr>
|
||
<th colspan="2">Composing messages</th>
|
||
</tr>
|
||
</thead>
|
||
<tr>
|
||
<td class="hotkey">c</td>
|
||
<td class="definition">New stream message</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">C</td>
|
||
<td class="definition">New private message</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">Enter or r</td>
|
||
<td class="definition">Respond to message</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">R</td>
|
||
<td class="definition">Respond to author</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">Tab then Enter</td>
|
||
<td class="definition">Send message</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">Esc</td>
|
||
<td class="definition">Cancel compose</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<table class="hotkeys_table table table-striped table-bordered table-condensed">
|
||
<thead>
|
||
<tr>
|
||
<th colspan="2">Navigation</th>
|
||
</tr>
|
||
</thead>
|
||
<tr>
|
||
<td class="hotkey">Down or j</td>
|
||
<td class="definition">Next message</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">Up or k</td>
|
||
<td class="definition">Previous message</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">/</td>
|
||
<td class="definition">Initiate a search</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">PgUp, PgDn</td>
|
||
<td class="definition">Scroll up or down</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">Spacebar</td>
|
||
<td class="definition">Scroll down</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">End</td>
|
||
<td class="definition">Last message</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<table class="hotkeys_table table table-striped table-bordered table-condensed">
|
||
<thead>
|
||
<tr>
|
||
<th colspan="2">Narrowing</th>
|
||
</tr>
|
||
</thead>
|
||
<tr>
|
||
<td class="hotkey">s</td>
|
||
<td class="definition">Narrow by stream</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">S</td>
|
||
<td class="definition">Narrow by subject</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">v</td>
|
||
<td class="definition">Narrow to all private messages</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="hotkey">Esc</td>
|
||
<td class="definition">Return to home view</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<table class="hotkeys_table table table-striped table-bordered table-condensed">
|
||
<thead>
|
||
<tr>
|
||
<th colspan="2">Miscellaneous</th>
|
||
</tr>
|
||
</thead>
|
||
<tr>
|
||
<td class="hotkey">?</td>
|
||
<td class="definition">Open keyboard shortcut help</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Close</button>
|
||
</div>
|
||
</div>
|