.fancytree-node.my-workspace.fancytree-custom-icon {
+Change the color of the icons in the Note Tree
.fancytree-node.my-workspace.fancytree-custom-icon {
color: #ff0000;
}
Change the color of the note title and the icon
@@ -73,8 +71,8 @@
width="641" height="630">
- - Insert an image in any note and take the URL of the image.
- - Use the following CSS, adjusting the
background-image and width and height to
+ - Insert an image in any note and take the URL of the image.
+ - Use the following CSS, adjusting the
background-image and width and height to
the desired values.
.note-split.my-workspace .scrolling-container:after {
position: fixed;
diff --git a/docs/User Guide/User Guide/Note Types/Collections/Board View.md b/docs/User Guide/User Guide/Note Types/Collections/Board View.md
index 4b8bcbdbc3..c2630e67df 100644
--- a/docs/User Guide/User Guide/Note Types/Collections/Board View.md
+++ b/docs/User Guide/User Guide/Note Types/Collections/Board View.md
@@ -39,6 +39,15 @@ Notes are displayed recursively, so even the child notes of the child notes will
* Delete the current note.
* If there are many notes within the column, move the mouse over the column and use the mouse wheel to scroll.
+## Keyboard interaction
+
+The board view has mild support for keyboard-based navigation:
+
+* Use Tab and Shift+Tab to navigate between column titles, notes and the “New item” button for each of the columns, in sequential order.
+* To rename a column or a note, press F2 while it is focused.
+* To open a specific note or create a new item, press Enter while it is focused.
+* To dismiss a rename of a note or a column, press Escape.
+
## Configuration
### Grouping by another attribute
From c820b5caa43649c3278ec949ce2936ce4e35a80a Mon Sep 17 00:00:00 2001
From: Elian Doran
Date: Mon, 6 Oct 2025 18:10:54 +0300
Subject: [PATCH 043/201] feat(collections/board): keep title of the column
always visible
---
.../src/widgets/collections/board/column.tsx | 53 ++++++++++---------
.../src/widgets/collections/board/index.css | 11 +++-
2 files changed, 37 insertions(+), 27 deletions(-)
diff --git a/apps/client/src/widgets/collections/board/column.tsx b/apps/client/src/widgets/collections/board/column.tsx
index 6b437cdbd4..a6779f30d1 100644
--- a/apps/client/src/widgets/collections/board/column.tsx
+++ b/apps/client/src/widgets/collections/board/column.tsx
@@ -88,7 +88,6 @@ export default function Column({
onDragOver={isAnyColumnDragging ? handleColumnDragOver : handleDragOver}
onDragLeave={handleDragLeave}
onDrop={handleDrop}
- onWheel={handleScroll}
style={{
display: !isVisible ? "none" : undefined
}}
@@ -120,33 +119,35 @@ export default function Column({
)}
- {(columnItems ?? []).map(({ note, branch }, index) => {
- const showIndicatorBefore = dropPosition?.column === column &&
- dropPosition.index === index &&
- draggedCard?.noteId !== note.noteId;
+
+ {(columnItems ?? []).map(({ note, branch }, index) => {
+ const showIndicatorBefore = dropPosition?.column === column &&
+ dropPosition.index === index &&
+ draggedCard?.noteId !== note.noteId;
- return (
- <>
- {showIndicatorBefore && (
-
- )}
-
- >
- );
- })}
- {dropPosition?.column === column && dropPosition.index === (columnItems?.length ?? 0) && (
-
- )}
+ return (
+ <>
+ {showIndicatorBefore && (
+
+ )}
+
+ >
+ );
+ })}
+ {dropPosition?.column === column && dropPosition.index === (columnItems?.length ?? 0) && (
+
+ )}
-
+
+