mirror of
https://github.com/zadam/trilium.git
synced 2025-09-13 18:16:40 +08:00
chore(react/collections/table): reintroduce icon while editing
This commit is contained in:
parent
1ce42d1301
commit
228a1ad0da
2 changed files with 7 additions and 6 deletions
|
@ -154,6 +154,8 @@
|
|||
.board-view-container .board-note.editing {
|
||||
box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.35);
|
||||
border-color: var(--main-text-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.board-view-container .board-note.editing input {
|
||||
|
|
|
@ -373,6 +373,7 @@ function Card({
|
|||
isDragging: boolean
|
||||
}) {
|
||||
const { branchIdToEdit } = useContext(BoardViewContext);
|
||||
const isEditing = branch.branchId === branchIdToEdit;
|
||||
const colorClass = note.getColorClass() || '';
|
||||
|
||||
const handleDragStart = useCallback((e: DragEvent) => {
|
||||
|
@ -391,17 +392,15 @@ function Card({
|
|||
|
||||
return (
|
||||
<div
|
||||
className={`board-note ${colorClass} ${isDragging ? 'dragging' : ''}`}
|
||||
className={`board-note ${colorClass} ${isDragging ? 'dragging' : ''} ${isEditing ? "editing" : ""}`}
|
||||
draggable="true"
|
||||
onDragStart={handleDragStart}
|
||||
onDragEnd={handleDragEnd}
|
||||
onContextMenu={handleContextMenu}
|
||||
>
|
||||
{branch.branchId !== branchIdToEdit ? (
|
||||
<>
|
||||
<span class={`icon ${note.getIcon()}`} />
|
||||
{note.title}
|
||||
</>
|
||||
<span class={`icon ${note.getIcon()}`} />
|
||||
{!isEditing ? (
|
||||
<>{note.title}</>
|
||||
) : (
|
||||
<FormTextBox
|
||||
value={note.title}
|
||||
|
|
Loading…
Add table
Reference in a new issue