Phone hit: call controls (audit group 1) #130

Merged
void merged 2 commits from void/phone-hit-call into dev 2026-11-13 09:05:41 +00:00
Member

Phone hit areas, group 1 of the IconButton audit: the call controls.

Buttons changed (drawn px derived from size prop plus Icon size, tied by expectSizeTie):

  • features/call/Controls.tsx: mic, sound, video, screen share, chat: PhoneHitSpread40 (24 px icon + 2x8 padding = 40, in rows with 4 px gaps; neighbours are tappable buttons).
  • features/call/CallControls.tsx: the VerticalDots menu button: PhoneHitSpread40 (40 px, shares a row with ChatButton; the PopOut menu opens from it and is not its clipping parent).
  • features/call-status/CallControl.tsx: mic, sound, video, screen share: PhoneHitSpread26 (18 px icon + 2x4 = 26, one row, gap200).

Skipped: none >= 44 px. The call-status hangup is a Chip, not an IconButton. Controls.tsx buttons are also used by PrescreenControls (same variants apply there).

No vertical stacks: with compact, the call bar stacks its groups in a column, but each group is still a row, so Spread (horizontal) applies. Nothing drawn changes.

Test: src/app/phoneHit.call.test.ts pins each file's variants in source order plus the size tie, no allow-list entries. Mutation checks (variant swapped in source, test died each time): Controls.tsx chat Spread40 -> Spread36; CallControls.tsx menu Spread40 -> PhoneHit; CallControl.tsx sound Spread26 -> Spread28; CallControl.tsx share Spread26 -> Room26.

Unmeasured on a real phone: the row widening (margin 2 px on each side for 40 px buttons, 9 px for 26 px buttons) in the call bar and call-status bar, and whether the call-status bar still fits at 390 px (its container was not measured, compact mode hides share and divider).

🤖 Generated with Claude Code

Phone hit areas, group 1 of the IconButton audit: the call controls. Buttons changed (drawn px derived from size prop plus Icon size, tied by `expectSizeTie`): - `features/call/Controls.tsx`: mic, sound, video, screen share, chat: `PhoneHitSpread40` (24 px icon + 2x8 padding = 40, in rows with 4 px gaps; neighbours are tappable buttons). - `features/call/CallControls.tsx`: the VerticalDots menu button: `PhoneHitSpread40` (40 px, shares a row with ChatButton; the PopOut menu opens from it and is not its clipping parent). - `features/call-status/CallControl.tsx`: mic, sound, video, screen share: `PhoneHitSpread26` (18 px icon + 2x4 = 26, one row, gap200). Skipped: none >= 44 px. The call-status hangup is a Chip, not an IconButton. Controls.tsx buttons are also used by PrescreenControls (same variants apply there). No vertical stacks: with `compact`, the call bar stacks its groups in a column, but each group is still a row, so Spread (horizontal) applies. Nothing drawn changes. Test: `src/app/phoneHit.call.test.ts` pins each file's variants in source order plus the size tie, no allow-list entries. Mutation checks (variant swapped in source, test died each time): Controls.tsx chat Spread40 -> Spread36; CallControls.tsx menu Spread40 -> PhoneHit; CallControl.tsx sound Spread26 -> Spread28; CallControl.tsx share Spread26 -> Room26. Unmeasured on a real phone: the row widening (margin 2 px on each side for 40 px buttons, 9 px for 26 px buttons) in the call bar and call-status bar, and whether the call-status bar still fits at 390 px (its container was not measured, compact mode hides share and divider). 🤖 Generated with [Claude Code](https://claude.com/claude-code)
Phone hit: call controls get their hit-area variants, with a test pinning them
All checks were successful
Build pull request / Build pull request (pull_request) Successful in 3m31s
351d1bc745
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Merge branch 'dev' into void/phone-hit-call
All checks were successful
Build pull request / Build pull request (pull_request) Successful in 4m23s
45939d544b
void merged commit b2a970f987 into dev 2026-11-13 09:05:41 +00:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
GameCult/Ratatoskr!130
No description provided.