Use kbd element for shortcut keys and style accordingly
This commit is contained in:
parent
f4cc6b1a09
commit
99a6f45e48
|
@ -32,6 +32,15 @@
|
|||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
kbd {
|
||||
font-family: monospace, -apple-system;
|
||||
background: #FFF;
|
||||
padding: 2px;
|
||||
margin: 0 4px 0 2px;
|
||||
border: solid #333 1px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.75);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -46,33 +55,33 @@
|
|||
<table>
|
||||
<caption>Everywhere…</caption>
|
||||
|
||||
<tr><td>Scroll or go to next unread</td><td>space bar</td></tr>
|
||||
<tr><td>Go to next unread</td><td>+</td></tr>
|
||||
<tr><td>Mark as read</td><td>r</td></tr>
|
||||
<tr><td>Mark all as read</td><td>k</td></tr>
|
||||
<tr><td>Mark older articles as read</td><td>o</td></tr>
|
||||
<tr><td>Mark all as read, go to next unread</td><td>l (lowercase L)</td></tr>
|
||||
<tr><td>Mark as unread, go to next unread</td><td>m</td></tr>
|
||||
<tr><td>Mark as unread</td><td>u</td></tr>
|
||||
<tr><td>Open in browser</td><td>b or return or enter</td></tr>
|
||||
<tr><td>Previous subscription</td><td>a</td></tr>
|
||||
<tr><td>Next subscription</td><td>z</td></tr>
|
||||
<tr><td>Scroll or go to next unread</td><td><kbd>space</kbd></td></tr>
|
||||
<tr><td>Go to next unread</td><td><kbd>+</kbd></td></tr>
|
||||
<tr><td>Mark as read</td><td><kbd>r</kbd></td></tr>
|
||||
<tr><td>Mark all as read</td><td><kbd>k</kbd></td></tr>
|
||||
<tr><td>Mark older articles as read</td><td><kbd>o</kbd></td></tr>
|
||||
<tr><td>Mark all as read, go to next unread</td><td><kbd>l</kbd> (lowercase L)</td></tr>
|
||||
<tr><td>Mark as unread, go to next unread</td><td><kbd>m</kbd></td></tr>
|
||||
<tr><td>Mark as unread</td><td><kbd>u</kbd></td></tr>
|
||||
<tr><td>Open in browser</td><td><kbd>b</kbd> or <kbd>⏎</kbd> or <kbd>Enter</kbd></td></tr>
|
||||
<tr><td>Previous subscription</td><td><kbd>a</kbd></td></tr>
|
||||
<tr><td>Next subscription</td><td><kbd>z</kbd></td></tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<caption>Left sidebar only…</caption>
|
||||
|
||||
<tr><td>Collapse</td><td>, or option-leftArrow</td></tr>
|
||||
<tr><td>Expand</td><td>. or option-rightArrow</td></tr>
|
||||
<tr><td>Collapse All (except for group items)</td><td>; or option-cmd-leftArrow</td></tr>
|
||||
<tr><td>Expand All</td><td>' or option-cmd-rightArrow</td></tr>
|
||||
<tr><td>Move focus to headlines</td><td>rightArrow</td></tr>
|
||||
<tr><td>Collapse</td><td><kbd>,</kbd> or <kbd>⌥</kbd>+<kbd>←</kbd></td></tr>
|
||||
<tr><td>Expand</td><td><kbd>.</kbd> or <kbd>⌥</kbd>+<kbd>→</kbd></td></tr>
|
||||
<tr><td>Collapse All (except for group items)</td><td><kbd>;</kbd> or <kbd>⌥</kbd>+<kbd>⌘</kbd>+<kbd>←</kbd></td></tr>
|
||||
<tr><td>Expand All</td><td><kbd>'</kbd> or <kbd>⌥</kbd>+<kbd>⌘</kbd>+<kbd>→</kbd></td></tr>
|
||||
<tr><td>Move focus to headlines</td><td><kbd>→</kbd></td></tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<caption>Timeline only…</caption>
|
||||
|
||||
<tr><td>Move focus to subscriptions</td><td>leftArrow</td></tr>
|
||||
<tr><td>Move focus to subscriptions</td><td><kbd>←</kbd></td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
|
Loading…
Reference in New Issue