refactor(dashboard): extract Cards, Card editing, and InlineCreateCard from styles.css

Browse Source

Sweep 2 of the styles.css split. Three card-related blocks moved out of the
monolith into co-located component CSS files. styles.css 4488 → 3304
(–1184 lines).

- /* === Cards === */ (583 lines) → new TaskCard.css
- /* === Card Inline Editing === */ (266 lines) → appended to TaskCard.css
- /* === Inline Create Card === */ (342 lines) → new InlineCreateCard.css

Mobile rules for the moved selectors that previously sat in the global mobile
@media block also followed to their respective component CSS files.

Kept global: .dep-dropdown* (4 consumers — InlineCreateCard, NewTaskModal,
TaskDetailModal, TaskForm). Moving without adding imports to the other 3
consumers would silently break their styling.

CSS imports added at TaskCard.tsx:1 and InlineCreateCard.tsx:1. Verified by
visual smoke test against the live dev server (board view + cards render
correctly).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

...

This commit is contained in:

gsxdsm

2026-04-25 08:54:41 -07:00

parent 6a6ba048c6

commit 07ad203f29

5 changed files with 1201 additions and 1187 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

1190

packages/dashboard/app/styles.css

File diff suppressed because it is too large Load Diff