docs(collections/board): keyboard shortcuts

apps/client/src/widgets/collections/board/column.tsx

@@ -50,6 +50,12 @@ export default function Column({
         openColumnContextMenu(api, e, column);
     }, [ api, column ]);
 
+    const handleTitleKeyDown = useCallback((e: KeyboardEvent) => {
+        if (e.key === "F2") {
+            setColumnNameToEdit?.(column);
+        }
+    }, [ column ]);
+
     /** Allow using mouse wheel to scroll inside card, while also maintaining column horizontal scrolling. */
     const handleScroll = useCallback((event: JSX.TargetedWheelEvent<HTMLDivElement>) => {
         const el = event.currentTarget;
@@ -93,6 +99,8 @@ export default function Column({
                 onDragStart={handleColumnDragStart}
                 onDragEnd={handleColumnDragEnd}
                 onContextMenu={handleContextMenu}
+                onKeyDown={handleTitleKeyDown}
+                tabIndex={300}
             >
                 {!isEditing ? (
                     <>

apps/client/src/widgets/collections/board/index.css

@@ -121,8 +121,7 @@
   font-size: var(--card-font-size);
 }
 
-.board-view-container .board-note:focus,
-.board-view-container .board-new-item:focus {
+.board-view-container :focus {
   outline: 3px solid var(--input-focus-outline-color);
   outline-offset: 0;
 }