Skip to content

Keep the lobby on one screen with taller fonts - #478

Merged
jserv merged 1 commit into
mainfrom
fix
Oct 25, 2026
Merged

jserv merged 1 commit into
mainfrom
fix

Conversation

@jserv

@jserv jserv commented Oct 25, 2026

Copy link
Copy Markdown
Contributor

The one-screen lobby test failed on CI at 805px against an 800px viewport (seen on #374). Trim the credits margin and padding in the laptop media query to leave headroom, and harden the test: it now measures the system font, Arial and a taller-metrics face with a long problem title selected, and also asserts no sideways scroll and that Start and the credits stay on screen. A failure prints the measured layout.

Verified with node --test tests/browser/lobby.test.js (221 pass, macOS) and prettier --check; reviewed with Codex and Claude, no open findings. Not run on Linux fonts locally, so the CI browser-tests lane is the real check. Left out: a flex-footer layout, which would fix the root cause but changes the layout.

The one-screen lobby test failed on CI at 805px against an 800px
viewport. Trim the credits spacing in the laptop media query to leave
headroom.

Harden the test so a later change fails here rather than on CI: measure
the system font, Arial and a taller-metrics face, select a very long
problem title, and also assert no sideways scroll and that the Start
button and credits stay on screen. A failure now prints the measured
layout.
@jserv
jserv merged commit de38418 into main Oct 25, 2026
11 checks passed
@jserv
jserv deleted the fix branch October 25, 2026 03:09
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.

1 participant