Skip to content

Dashboard: flat single-layer design pass + honest all-time trends - #1368

Merged
e35ventura merged 2 commits into
testfrom
feat/dashboard-flat-design
Jul 24, 2026
Merged

Dashboard: flat single-layer design pass + honest all-time trends#1368
e35ventura merged 2 commits into
testfrom
feat/dashboard-flat-design

Conversation

@e35ventura

@e35ventura e35ventura commented Jul 24, 2026

Copy link
Copy Markdown
Collaborator

What changed

Design pass: one card layer on a black canvas

  • Removed the outer wrapper cards around every dashboard section (Active Network, Contribution Calendar, OSS Contributions, Issue Discoveries, Featured Contributors/Discoverers/Work, Live Activity). Section labels now sit directly on the canvas with exactly one card layer beneath them.
  • All controls speak one language: no pill fills, outlines, or sliders — only the selected item's text takes color. Applied to the chart mode toggle, the 1D/7D/35D/ALL range selector, and the calendar month selector.
  • Chart legend chips are now plain series-colored words matching the lines on the chart; click-to-toggle and shift-to-solo behavior preserved.
  • Status badges (OPENED/MERGED/CLOSED) and Eligible/Ineligible badges are plain colored words instead of chips.
  • Live Activity: gray card fills and status gradient washes removed, filter row and pulse dot removed (feed always shows all activity), open PRs read OPENED, and the header/card edges align pixel-exact with the Active Network column top and bottom.

Fix: all-time trend chart

  • The all-time view's weekly buckets were calendar-aligned, so the last bucket was the partial current week and every series nosedived at the right edge. Buckets are now anchored to the current time, so the last point always covers a full trailing 7 days (verified against live API counts).
  • All-time labels carry the full week range and year in the tooltip ("Dec 14 – 20, 2025") while the axis shows the compact start date, resolving the year ambiguity across the Dec–Jan boundary.

Before / After

Dashboard (35D default)

Before After
before 35d after 35d

All-time range (note the fake right-edge cliff in Before)

Before After
before all after all

Validation

  • npm run build passes; lint-staged ran on commit.
  • Screenshot-verified at desktop width: alignment, wrapping, and the all-time chart's right edge match the underlying data.

…labels

Calendar-aligned weekly buckets ended on a partial current week, rendering
a fake cliff at the right edge of every series in the all-time view. Buckets
are now anchored to the current time so the last bucket always covers a full
trailing 7 days. All-time labels carry the full week range and year in the
tooltip while the axis shows the compact start date.

Also restyles the trend chart controls and legend to the flat text-color
language: no pill fills or slider, selected range/mode turns green, and
legend entries are series-colored words instead of bordered chips.
…nvas

Section labels (Active Network, Contribution Calendar, OSS Contributions,
Issue Discoveries, Featured Contributors/Discoverers/Work, Live Activity)
now sit directly on the canvas with exactly one card layer beneath them;
the outer wrapper cards are removed.

Controls follow one language: no fills or outlines, only the selected
item's text takes color (calendar months, live-activity statuses). Status
and eligibility badges become plain colored words. The Live Activity filter
row and pulsing dot are removed, the feed always shows all activity, and
its header and card edges align with the Active Network column top and
bottom.
@e35ventura
e35ventura merged commit daafa16 into test Jul 24, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant