From 9644bd6e5e05e09ed22d35d439c56ba372396b79 Mon Sep 17 00:00:00 2001 From: Ilia Denisov Date: Fri, 19 Jun 2026 21:51:50 +0200 Subject: [PATCH] style(lobby): bold the score line, a touch smaller Per owner follow-up: the whole lobby score line is now bold (font-weight 700, matching the over-the-board score plaques) and a hair smaller (0.8rem) to offset the heavier weight. The viewer's own number keeps its green/red standing tint. --- docs/UI_DESIGN.md | 8 ++++---- ui/src/screens/Lobby.svelte | 7 ++++++- 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/docs/UI_DESIGN.md b/docs/UI_DESIGN.md index b7258ce..45cc441 100644 --- a/docs/UI_DESIGN.md +++ b/docs/UI_DESIGN.md @@ -238,10 +238,10 @@ and a long message does not scroll. Lobby rows show two lines (opponents, then result + score) with a large place-based emoji on the right: Victory 🏆 / Defeat 🥈 / Draw 🏅, and for 3–4-player games II 🥈 / III 🥉 / IV 🏅; active games show Your move 🟢 / Opponent's move ⏳; invitations use 💌. The score line -lists seats in **seat-number order** (matching the over-the-board scoreboard); on an -**in-progress** game the viewer's **own** number is tinted `--ok` when leading or tied and -`--danger` when trailing (other numbers stay muted; no bold), a quick "am I ahead" read that -finished games leave to the place emoji. When a listed +lists seats in **seat-number order** (matching the over-the-board scoreboard) in a **bold**, +slightly smaller line; on an **in-progress** game the viewer's **own** number is tinted `--ok` +when leading or tied and `--danger` when trailing (other numbers stay muted), a quick "am I +ahead" read that finished games leave to the place emoji. When a listed game **becomes your turn or finishes** while the lobby is open, that status emoji **blinks twice** (a two-cycle opacity fade, ~2 s; suppressed under reduce-motion) to draw the eye — the opponent's-turn change is silent. Each card's blink is keyed by game id, so overlapping diff --git a/ui/src/screens/Lobby.svelte b/ui/src/screens/Lobby.svelte index bc1956b..0beff5c 100644 --- a/ui/src/screens/Lobby.svelte +++ b/ui/src/screens/Lobby.svelte @@ -478,8 +478,13 @@ font-size: 0.85rem; color: var(--text-muted); } + /* The score line is bold and a touch smaller than the surrounding muted sub-text. */ + .scoreline { + font-weight: 700; + font-size: 0.8rem; + } /* The viewer's own number on an in-progress game: green when leading or tied, red when - losing. Other numbers and the separators keep the muted .sub colour; no bold. */ + losing; other numbers and the separators keep the muted .sub colour. */ .num.win { color: var(--ok); }