mirror of
https://github.com/zadam/trilium.git
synced 2025-10-26 07:46:30 +01:00
chore(collections/board): floating edit button for note titles
This commit is contained in:
@@ -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}
|
||||
/>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user