feat(tasks): add quick-status button to kanban cards (#24)
Adds a small button on each kanban card that cycles the task status (open → in_progress → done → open) without requiring drag-and-drop. Useful for touch devices and kiosk browsers (e.g. Fully Kiosk Browser) where drag-and-drop is unavailable. All four locales updated.
This commit is contained in:
+31
-1
@@ -581,10 +581,40 @@
|
||||
|
||||
.kanban-card__footer {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-top: var(--space-2);
|
||||
}
|
||||
|
||||
.kanban-card__status-btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-sm);
|
||||
background: transparent;
|
||||
color: var(--color-text-secondary);
|
||||
cursor: pointer;
|
||||
transition: background-color var(--transition-fast), color var(--transition-fast),
|
||||
border-color var(--transition-fast);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.kanban-card__status-btn:hover {
|
||||
background-color: var(--color-accent-light);
|
||||
border-color: var(--color-accent);
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
.kanban-card__status-btn svg {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.kanban-drop-placeholder {
|
||||
height: 60px;
|
||||
border: 2px dashed var(--color-accent);
|
||||
|
||||
Reference in New Issue
Block a user