feat: the job card redesigned — action bar below (#107) #148

Merged
nalum merged 2 commits from feat/job-card-redesign into main 2026-08-18 16:43:51 +00:00
Owner

Closes #107. PR 10 of the #137 stack, based on #147 — the payoff of PRs 7–8: one component per surface, so the redesign lands once and reaches every board.

The card takes the requested shape on web and Android alike: the content column (mark and bold, ellipsizing title with the repeat glyph, due line, star-and-worth, steps progress) stacks over a full-width action bar — Done ✓, Take this job, or the steps-left gate wearing the bar's shape at reduced strength — instead of squeezing beside a side button.

  • Web — .job-card becomes a column, .btn-done spans it, .job-title > span ellipsizes; the JobCard component itself needed no structural change.
  • Android — the shared JobCard restacks the same way; titles get maxLines = 1 + ellipsis, the steps gate becomes a 44dp accent bar at 0.7 alpha.

Verified against the live deploy on both surfaces with screenshots matching the issue's mocks: web headless-browser capture and emulator capture both show the ellipsized "Clean the sitting room and also the …" card with Due Sat 22 Aug, ★ Worth 100 points, ✓ 0/1 steps and the full-width "1 step left" bar. make check green; seeded data cleaned up.

🤖 Generated with Claude Code

Closes #107. PR 10 of the #137 stack, based on #147 — the payoff of PRs 7–8: one component per surface, so the redesign lands once and reaches every board. The card takes the requested shape on web and Android alike: the content column (mark and **bold, ellipsizing title** with the repeat glyph, due line, star-and-worth, steps progress) stacks over a **full-width action bar** — Done ✓, Take this job, or the steps-left gate wearing the bar's shape at reduced strength — instead of squeezing beside a side button. - **Web** — `.job-card` becomes a column, `.btn-done` spans it, `.job-title > span` ellipsizes; the JobCard component itself needed no structural change. - **Android** — the shared `JobCard` restacks the same way; titles get `maxLines = 1` + ellipsis, the steps gate becomes a 44dp accent bar at 0.7 alpha. Verified against the live deploy on both surfaces with screenshots matching the issue's mocks: web headless-browser capture and emulator capture both show the ellipsized "Clean the sitting room and also the …" card with Due Sat 22 Aug, ★ Worth 100 points, ✓ 0/1 steps and the full-width "1 step left" bar. `make check` green; seeded data cleaned up. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
The My Jobs card redrawn to the #107 design: the content column (mark
and title with the repeat glyph, due line, worth, steps) stacks over a
full-width action bar — Done, Take, or the steps-left gate — instead
of squeezing beside a side button, and a long title ellipsizes instead
of wrapping the card tall. One component, so Today and Jobs restyle
together.
feat(android): the job card redesigned — action bar below
Some checks failed
check / commits (pull_request) Successful in 7s
check / web (pull_request) Successful in 1m35s
check / go (pull_request) Successful in 2m40s
check / report (pull_request) Successful in 5s
android / build (pull_request) Successful in 5m24s
android / report (pull_request) Successful in 4s
android / report (push) Has been cancelled
check / go (push) Has been cancelled
check / report (push) Has been cancelled
check / web (push) Has been cancelled
tag / tag (push) Has been cancelled
android / build (push) Has been cancelled
check / commits (push) Has been cancelled
df2c54c913
The same #107 redesign as the web, ported through the shared JobCard:
content stacks over a full-width action bar (Done, Take, or the
steps-left gate), and long titles ellipsize. One component, so Today
and Jobs restyle together.

Test report

Suite Tests Result Skipped
Unit 1370 ✅ pass 1
Integration 86 ✅ pass —

Coverage: 28.1%

Updated by the check workflow · commit df2c54c913

<!-- ci-test-report --> ## Test report | Suite | Tests | Result | Skipped | | --- | --: | --- | --: | | Unit | 1370 | ✅ pass | 1 | | Integration | 86 | ✅ pass | — | **Coverage:** 28.1% <sub>Updated by the check workflow · commit df2c54c913ce7c961b190027c63e2965df4b1f8d</sub>

Android test report

Suite Tests Result Skipped
Unit (debug) 31 ✅ pass 0

Coverage: 2.4% of lines

Updated by the android workflow · commit df2c54c913

<!-- android-test-report --> ## Android test report | Suite | Tests | Result | Skipped | | --- | --: | --- | --: | | Unit (debug) | 31 | ✅ pass | 0 | **Coverage:** 2.4% of lines <sub>Updated by the android workflow · commit df2c54c913ce7c961b190027c63e2965df4b1f8d</sub>
nalum changed target branch from refactor/tui-shared-rows to main 2026-08-18 16:43:43 +00:00
nalum merged commit df2c54c913 into main 2026-08-18 16:43:51 +00:00
nalum deleted branch feat/job-card-redesign 2026-08-18 16:43:51 +00:00
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
eagraiclainne/app!148
No description provided.