Fix: Improve Status Tab clarity and mobile usability for standup tracking
Description
Summary
The Status Tab has UX and visualization issues that reduce readability and mobile usability:
- Missing status appears too pink in light mode, reducing urgency and visual clarity.
- In Daily Status view, enabling "Show Chart" still shows the S1/S2/S3/S4 list below, creating duplicate information.
- "Daily Pending Summary" duplicates information already visible in team cards/chart.
- Member Activity Heatmap overflows on mobile and is not clearly confined to a dedicated horizontal scroll area.
Problem Statement
Users should be able to quickly understand standup status and navigate analytics on small screens. Current behavior causes visual ambiguity and layout overflow, especially on mobile.
Objectives
- Make missing status color clearly red in light mode.
- Show only the ring chart section when Daily "Show Chart" is enabled.
- Remove duplicate "Daily Pending Summary" block from Status Tab.
- Constrain heatmap overflow to a dedicated in-component horizontal scroll area on mobile.
Scope
- Status Tab UI behavior and styling.
- Member Activity Heatmap container and responsive scrolling behavior.
- Light mode color token tuning for missing status.
Out of Scope
- Dark mode palette changes.
- Data model and API contract changes.
- Backend analytics computation changes.
Acceptance Criteria
-
In light mode, missing status color is clearly red in both S1-S4 chips and ring legend/segments. -
In dark mode, status colors remain unchanged. -
In Daily Status view, when "Show Chart" is active, S1/S2/S3/S4 list cards are hidden. -
"Daily Pending Summary" is removed from Status Tab. -
On mobile, the heatmap stays inside its card and only the heatmap area scrolls horizontally. -
No page-level horizontal overflow is introduced by heatmap rendering. -
Lint and tests pass.
Priority
Medium
Severity
Major (mobile usability + information duplication)
Definition of Done
- Code changes merged.
- Acceptance criteria validated on desktop and mobile viewports.
- Lint and tests green in CI.
Before
Edited by Praneeth Ashish


