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

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

View File

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

View File

@@ -120,6 +120,24 @@
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;
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 {