developer/scrabble-game
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

style(lobby): bold the score line, a touch smaller
CI / changes (pull_request) Successful in 3s
Details
CI / unit (pull_request) Successful in 10s
Details
CI / integration (pull_request) Successful in 14s
Details
CI / ui (pull_request) Successful in 53s
Details
CI / gate (pull_request) Successful in 0s
Details
CI / deploy (pull_request) Successful in 1m13s
Details

Browse Source 
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.
This commit is contained in:
Ilia Denisov
2026-06-19 21:51:50 +02:00
parent c127bc9f0e
commit 9644bd6e5e
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/UI_DESIGN.md
+4 -4
View File
@@ -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 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 🥉 / 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 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 lists seats in **seat-number order** (matching the over-the-board scoreboard) in a **bold**,
**in-progress** game the viewer's **own** number is tinted `--ok` when leading or tied and slightly smaller line; on an **in-progress** game the viewer's **own** number is tinted `--ok`
`--danger` when trailing (other numbers stay muted; no bold), a quick "am I ahead" read that when leading or tied and `--danger` when trailing (other numbers stay muted), a quick "am I
finished games leave to the place emoji. When a listed 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 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 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 opponent's-turn change is silent. Each card's blink is keyed by game id, so overlapping
ui/src/screens/Lobby.svelte
+6 -1
View File
@@ -478,8 +478,13 @@
font-size: 0.85rem; font-size: 0.85rem;
color: var(--text-muted); 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 /* 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 { .num.win {
color: var(--ok); color: var(--ok);
} }