style(lobby): bold the score line, a touch smaller
CI / changes (pull_request) Successful in 3s
CI / unit (pull_request) Successful in 10s
CI / integration (pull_request) Successful in 14s
CI / ui (pull_request) Successful in 53s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 1m13s
CI / changes (pull_request) Successful in 3s
CI / unit (pull_request) Successful in 10s
CI / integration (pull_request) Successful in 14s
CI / ui (pull_request) Successful in 53s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 1m13s
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:
+4
-4
@@ -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
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user