oreolek/phanpy
1
0
Fork 0
Code Activity

Add shortcut help for focusing columns in multi-column mode

Browse source
This commit is contained in:
Lim Chee Aun 2023-09-07 16:17:52 +08:00
parent 61f2132abd
commit 3ce8b75e3f
2 changed files with 29 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/keyboard-shortcuts-help.css
View file

@ -1,5 +1,9 @@
#keyboard-shortcuts-help-container {
table {
tr > * {
border-top: 1px solid var(--outline-color);
vertical-align: middle;
}
th {
font-weight: normal;
text-align: start;

42
src/components/keyboard-shortcuts-help.jsx
View file

@ -84,23 +84,6 @@ export default function KeyboardShortcutsHelp() {
</>
),
},
{
action: 'Search',
keys: <kbd>/</kbd>,
},
{
action: 'Compose new post',
keys: <kbd>c</kbd>,
},
{
action: 'Send post',
keys: (
<>
<kbd>Ctrl</kbd> + <kbd>Enter</kbd> or <kbd>⌘</kbd> +{' '}
<kbd>Enter</kbd>
</>
),
},
{
action: 'Open post details',
keys: (
@ -121,6 +104,31 @@ export default function KeyboardShortcutsHelp() {
</>
),
},
{
action: 'Focus column in multi-column mode',
keys: (
<>
<kbd>1</kbd> to <kbd>9</kbd>
</>
),
},
{
action: 'Compose new post',
keys: <kbd>c</kbd>,
},
{
action: 'Send post',
keys: (
<>
<kbd>Ctrl</kbd> + <kbd>Enter</kbd> or <kbd>⌘</kbd> +{' '}
<kbd>Enter</kbd>
</>
),
},
{
action: 'Search',
keys: <kbd>/</kbd>,
},
].map(({ action, keys }) => (
<tr key={action}>
<th>{action}</th>