Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-29 17:26:38 +01:00
Code Issues Packages Projects Releases Activity

chore(collections/board): floating edit button for note titles

Browse Source
This commit is contained in:
Elian Doran
2025-09-12 15:46:39 +03:00
parent d224ffd6d3
commit 54fe9dde70
2 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/widgets/collections/board/card.tsx
View File

@@ -67,7 +67,7 @@ export default function Card({
<> <>
<span className="title">{title}</span> <span className="title">{title}</span>
<span <span
className="edit-icon icon bx bx-edit-alt" className="edit-icon icon bx bx-edit"
title={t("board_view.edit-note-title")} title={t("board_view.edit-note-title")}
onClick={handleEdit} onClick={handleEdit}
/> />

18
apps/client/src/widgets/collections/board/index.css
View File

@@ -120,6 +120,24 @@
border: 1px solid var(--main-border-color); border: 1px solid var(--main-border-color);
transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.15s ease, margin-top 0.2s ease; transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.15s ease, margin-top 0.2s ease;
opacity: 1; opacity: 1;
line-height: 1.1;
}
.board-view-container .board-note > .edit-icon {
position: absolute;
top: 8px;
right: 4px;
padding: 2px;
background-color: var(--main-background-color);
}
.board-view-container .board-note:hover > .edit-icon {
position: absolute;
top: 8px;
right: 4px;
color: var(--main-text-color);
background-color: var(--main-background-color);
padding-left: 6px;
} }
.board-view-container .board-note.fade-in { .board-view-container .board-note.fade-in {