feat(KB-146): make task card edit button visible on mobile

- Add CSS media queries to show edit button on mobile screens\n- Style adjustments for mobile viewport breakpoints\n- Update README with documentation on mobile editing capability
This commit is contained in:
gsxdsm
2026-03-30 08:20:39 -07:00
parent ca162abd16
commit 55c4cb155e
2 changed files with 17 additions and 1 deletions

View File

@@ -39,7 +39,7 @@ AI-guided interactive planning for creating well-specified tasks from high-level
### Task Management
- **Kanban Board**: Drag-and-drop task management across columns (Triage, Todo, In Progress, In Review, Done)
- **Inline Editing**: Quick-edit task title and description directly on the board for Triage and Todo columns. Double-click a card or use the pencil icon that appears on hover.
- **Inline Editing**: Quick-edit task title and description directly on the board for Triage and Todo columns. Double-click a card or use the pencil icon — visible on hover for desktop, always visible on mobile for touch accessibility.
- **Task Detail Editing**: Edit task title and description directly in the task detail modal. Click the pencil icon in the modal header (available for Triage and Todo tasks) to enter edit mode.
- **List View**: Alternative tabular view for tasks with sorting and filtering. The "Hide Done" toggle hides both Done and Archived tasks for an active-work-only view.
- **Model Selection at Creation**: Choose executor and validator AI models while creating tasks from the board or list view, or leave them unset to use the global defaults.

View File

@@ -2580,6 +2580,22 @@ body {
padding: 12px 14px;
gap: 8px;
}
/* Card edit button: always visible on mobile (no hover) */
.card-edit-btn {
opacity: 1;
width: 44px;
height: 44px;
margin-right: -8px;
margin-top: -8px;
margin-bottom: -8px;
border-radius: var(--radius-md);
}
.card-edit-btn svg {
width: 16px;
height: 16px;
}
}
/* === GitHub Import Modal === */