TriliumNext/Trilium
1
0
Fork 0
mirror of https://github.com/TriliumNext/Trilium.git synced 2025-12-11 19:44:00 -06:00
Code Issues 1.1k Packages Projects Releases 10 Wiki Activity

feat(board): add keyboard navigation for "Add column" button

Browse Source
This commit is contained in:
Elian Doran 2025-11-29 12:33:54 +02:00
parent fd6ad6dce3
commit b4ab07bd78
No known key found for this signature in database
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/client/src/widgets/collections/board/index.tsx
View File

@ -204,8 +204,19 @@ function AddNewColumn({ api, isInRelationMode }: { api: BoardApi, isInRelationMo
setIsCreatingNewColumn(true); setIsCreatingNewColumn(true);
}, []); }, []);
const keydownCallback = useCallback((e: KeyboardEvent) => {
if (e.key === "Enter") {
setIsCreatingNewColumn(true);
}
}, []);
return ( return (
<div className={`board-add-column ${isCreatingNewColumn ? "editing" : ""}`} onClick={addColumnCallback}> <div
className={`board-add-column ${isCreatingNewColumn ? "editing" : ""}`}
onClick={addColumnCallback}
onKeyDown={keydownCallback}
tabIndex={300}
>
{!isCreatingNewColumn {!isCreatingNewColumn
? <> ? <>
<Icon icon="bx bx-plus" />{" "} <Icon icon="bx bx-plus" />{" "}