Skip to content

site: 24px hit area for mock dialog buttons on phones - #9

Merged
juw12 merged 1 commit into
mainfrom
site-dialog-hit-area
Nov 9, 2026
Merged

juw12 merged 1 commit into
mainfrom
site-dialog-hit-area

Conversation

@juw12

@juw12 juw12 commented Nov 9, 2026

Copy link
Copy Markdown
Owner

Queue item buddy site A5/A6. The demo stage is drawn at 800px and scaled; at 390px the mock dialog buttons rendered ~11-13px tall. fitStage() sets --inv-scale; a ::after on .win-btn/.cbtn grows the click area to at least 24 rendered px with no visual change. Playwright at 390px: hit boxes 25-39 x 24.5-25 px (was 20-38 x 12-13). At 1280px unchanged (61-97 x 31.5-34).

The demo stage is drawn at 800px and scaled to fit, so at 390px the Notepad Save/Don't Save/Cancel and Buddy Yes/No buttons rendered ~11-13px tall. fitStage() now sets --inv-scale and a ::after on .win-btn/.cbtn grows the click area to >=24 rendered px without changing the look. Measured at 390px: hit boxes 25-39 x 24.5-25 px (was 20-38 x 12-13); 1280px unchanged.
@juw12
juw12 merged commit fd3ac39 into main Nov 9, 2026
2 checks passed
@juw12
juw12 deleted the site-dialog-hit-area branch November 9, 2026 01:32
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.

2 participants