Remove a stale media query that fights the TV vh/vw design #5

Merged

eddie merged 1 commit from tv-remove-stale-media-query into main

2026-09-05 10:21:49 -07:00

eddie commented

2026-09-05 10:21:43 -07:00

Owner

Left over from before the TV redesign: an @media (max-width: 1024px)
block still overrode .scoreboard-page .title, .score-row,
.player-rank, .player-name and .player-score with fixed rem/px values
whenever the viewport matched. It was never revisited when those same
elements were converted to vh/vw sizing, so on any viewport under 1024px
CSS-wide it was silently undoing that work and reintroducing the exact
fixed-size assumption those earlier commits removed.

Given the TV's own reported viewport has already turned out to be narrower
and differently proportioned than expected more than once this session,
this was a real, live candidate for (part of) what's still off on the
actual device, not just theoretical cleanup.

The scoreboard is TV-only, single-purpose, and every element in it is
already sized proportionally - it has no need of a narrow-screen layout.
Left the sibling @media (max-width: 768px) block alone; that one only
touches the /input page, which is unrelated.

Testing

1920x1080 renders byte-identical to the last verified-good screenshot.
800x450 (well under the old breakpoint) shows all 14 rows with proportional
sizing and no fixed-px override kicking in.

Left over from before the TV redesign: an `@media (max-width: 1024px)` block still overrode `.scoreboard-page .title`, `.score-row`, `.player-rank`, `.player-name` and `.player-score` with fixed rem/px values whenever the viewport matched. It was never revisited when those same elements were converted to vh/vw sizing, so on any viewport under 1024px CSS-wide it was silently undoing that work and reintroducing the exact fixed-size assumption those earlier commits removed. Given the TV's own reported viewport has already turned out to be narrower and differently proportioned than expected more than once this session, this was a real, live candidate for (part of) what's still off on the actual device, not just theoretical cleanup. The scoreboard is TV-only, single-purpose, and every element in it is already sized proportionally - it has no need of a narrow-screen layout. Left the sibling `@media (max-width: 768px)` block alone; that one only touches the `/input` page, which is unrelated. ## Testing 1920x1080 renders byte-identical to the last verified-good screenshot. 800x450 (well under the old breakpoint) shows all 14 rows with proportional sizing and no fixed-px override kicking in.

eddie added 1 commit

2026-09-05 10:21:44 -07:00

Remove a stale media query that fights the TV vh/vw design 024022cfa6

Left over from before the TV redesign: an @media (max-width: 1024px) block
still overrode .scoreboard-page .title, .score-row, .player-rank,
.player-name and .player-score with fixed rem/px values whenever the
viewport matched. It was never revisited when those same elements were
converted to vh/vw sizing, so on any viewport under 1024px CSS-wide it was
silently undoing that work and reintroducing the exact fixed-size assumption
those commits removed.

Given the TV's own reported viewport has already turned out to be narrower
and differently proportioned than expected more than once this session,
this was a real, live candidate for (part of) what's still off on the
actual device, not just theoretical cleanup.

The scoreboard is TV-only, single-purpose, and every element in it is
already sized proportionally - it has no need of a narrow-screen layout.
Left the sibling @media (max-width: 768px) block alone; that one only
touches the /input page, which is unrelated.

Verified 1920x1080 renders byte-identical to the last verified-good
screenshot, and checked 800x450 (well under the old breakpoint) shows all
14 rows with proportional sizing and no fixed-px override kicking in.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

eddie merged commit c6f72db0b2 into main

2026-09-05 10:21:49 -07:00

eddie deleted branch tv-remove-stale-media-query

2026-09-05 10:21:50 -07:00

eddie referenced this pull request from a commit

2026-09-05 10:21:50 -07:00

Merge pull request 'Remove a stale media query that fights the TV vh/vw design' (#5) from tv-remove-stale-media-query into main