Compact the active Today HUD into a mobile command bar #1074

Closed
opened 2026-08-18 09:20:51 +00:00 by rockachopa · 0 comments
Member

Problem

On 320×568 phones, the active Today HUD plus task dock can cover 262–310px (46–55%) of the viewport while body clearance remains fixed at 166px. The accumulated update, blocker, break, and plan-adjustment controls obscure the work they are meant to support.

Slice

Keep current item, Done, and Pause/Resume in a stable compact command bar. Move secondary session actions into a focus-contained More sheet, reuse existing handlers, and dynamically reserve enough bottom clearance for the rendered command bar and dock.

Acceptance

  • At 320×568 and 390×844, the final page control scrolls fully above the active command bar/dock with no horizontal overflow.
  • Long titles do not grow the bar; visible touch targets remain at least 44×44px.
  • More exposes Previous/Next, update, blocker, break, adjust-plan when available, and end-session actions.
  • The sheet traps focus, closes on Escape/backdrop, preserves session state, and restores focus to More.
  • Existing Done/undo, timer, progress, blocker, break, and plan-adjustment behavior remains intact.
  • Focused and full automated suites pass, including packaged Chromium mobile journeys.

Evidence / non-duplication

Current controls are in frontend/index.html near the today-session-hud; mobile sizing and fixed clearance are in frontend/dashboard.css. All 539 historical issue titles and recent main commits were checked. #599/#601/#1070 add HUD capabilities, but none consolidates them into a compact action sheet or guarantees dynamic scroll clearance.

## Problem On 320×568 phones, the active Today HUD plus task dock can cover 262–310px (46–55%) of the viewport while body clearance remains fixed at 166px. The accumulated update, blocker, break, and plan-adjustment controls obscure the work they are meant to support. ## Slice Keep current item, Done, and Pause/Resume in a stable compact command bar. Move secondary session actions into a focus-contained More sheet, reuse existing handlers, and dynamically reserve enough bottom clearance for the rendered command bar and dock. ## Acceptance - At 320×568 and 390×844, the final page control scrolls fully above the active command bar/dock with no horizontal overflow. - Long titles do not grow the bar; visible touch targets remain at least 44×44px. - More exposes Previous/Next, update, blocker, break, adjust-plan when available, and end-session actions. - The sheet traps focus, closes on Escape/backdrop, preserves session state, and restores focus to More. - Existing Done/undo, timer, progress, blocker, break, and plan-adjustment behavior remains intact. - Focused and full automated suites pass, including packaged Chromium mobile journeys. ## Evidence / non-duplication Current controls are in `frontend/index.html` near the `today-session-hud`; mobile sizing and fixed clearance are in `frontend/dashboard.css`. All 539 historical issue titles and recent main commits were checked. #599/#601/#1070 add HUD capabilities, but none consolidates them into a compact action sheet or guarantees dynamic scroll clearance.
timmy was assigned by rockachopa 2026-08-18 09:20:51 +00:00
Sign in to join this conversation.
No Milestone
No project
No Assignees
1 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: stackchain/stackchain-dashboard#1074
No description provided.