Skip to content

Rework match card layout and team badges#46

Merged
luke- merged 3 commits into
masterfrom
enh/match-card-layout
Jun 9, 2026
Merged

Rework match card layout and team badges#46
luke- merged 3 commits into
masterfrom
enh/match-card-layout

Conversation

@kilgor-trout-c22

Copy link
Copy Markdown
Contributor

What

Match card

  • Meta row split into three slots: date+time (left) / stage (centre) / status (right).
  • Team badges enlarged (36px) with rectangular corners.
  • Large score block laid out as 1fr auto 1fr so the colon stays dead-centre even with two-digit scores; 16px gap each side of the separator.
  • Probability hint tooltip scoped to its text; "Show all tips" only shown when tips actually exist.

Team badges

  • Resolution order is now bundled Twemoji flag → data provider logo → initials, for consistent flags across browsers.
  • URL-sourced logo images keep their own aspect ratio and get a hairline frame drawn on the image, separating white-edged flags from the card background.

"Show all tips" modal

  • Each player's profile picture is shown, matching the leaderboard and Top 10.

Opens the 1.0.6 (Unreleased) CHANGELOG section.

@kilgor-trout-c22 kilgor-trout-c22 requested a review from luke- June 8, 2026 10:26
@luke- luke- merged commit 6907101 into master Jun 9, 2026
17 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.

2 participants