root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-3063): restructure todo item rows and improve action row styling

Browse Source 
This merge brings three major changes: a `/clear` command for Chat and QuickChat with a fixed session notification banner, a complete overhaul of the Todo item row structure and styling with mobile-responsive CSS tests and documentation of the action row pattern, and a significant expansion of droid

Fusion-Task-Id: FN-3063
This commit is contained in:
Fusion
2026-05-01 13:25:28 -07:00
committed by gsxdsm
parent c729527fcc
commit 58d6dfbc14
5 changed files with 123 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/contributing.md
View File

@@ -174,6 +174,14 @@ Dashboard icon-only controls should use the shared `.btn-icon` contract instead
Use component-local overrides only when a surface has a deliberate visual exception; ordinary icon-only actions should inherit the shared contract.
### Todo/list action-row pattern
For dense list rows (for example TodoView items), keep action buttons in a dedicated second row instead of cramming controls beside the primary text line:
- define row-action layout in the component-local stylesheet (for example `TodoView.css`), not `styles.css`
- use spacing/layout tokens (`--space-*`, `--radius-*`, `--transition-*`) instead of literal spacing values
- if row actions are hover-revealed on desktop, include a required mobile override under `@media (max-width: 768px)` that forces visibility (`opacity: 1`) so touch devices can always access controls
### CSS Testing
For CSS regression tests, use the helper at `packages/dashboard/app/test/cssFixture.ts`: