GameCult/Ratatoskr
Watch
9
0
Fork
You've already forked Ratatoskr
 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity Actions

Phone glyphs: bigger icons in IconButtons and nav chevrons on phones #144

Merged
void merged 2 commits from void/phone-glyphs into dev 2026-11-13 18:24:25 +00:00
Conversation 0 Commits 2 Files changed 4 +101
void commented 2026-11-13 17:52:19 +00:00
Member
Copy link

Meta's real-phone check of 8ba407cd: tap areas grew, glyphs still small.

One shared rule (src/phoneGlyph.css.ts), one scale per folds Icon size, applied to a glyph that is a direct child of an IconButton, phones only (max-width 750px): 16->22, 18->24, 20->24, 22->26, 24->28 px. It is a paint-time transform, so no button box, PhoneHit area, row width or the 320px toolbar changes; desktop is untouched. The room-nav category chevron (a Chip icon, not an IconButton) takes the same 16->22 scale. No per-file edits.

phoneGlyph.test.ts pins folds' class names (a folds upgrade that renames them fails there), the px range, and that the rule is a phone-only scale with no size/margin/padding.

Preview: https://preview.gamecult.org/void/rat-phone-glyphs/ (offline demo). Merge waits on Meta's look.

🤖 Generated with Claude Code

Meta's real-phone check of 8ba407cd: tap areas grew, glyphs still small. One shared rule (src/phoneGlyph.css.ts), one `scale` per folds Icon size, applied to a glyph that is a direct child of an IconButton, phones only (max-width 750px): 16->22, 18->24, 20->24, 22->26, 24->28 px. It is a paint-time transform, so no button box, PhoneHit area, row width or the 320px toolbar changes; desktop is untouched. The room-nav category chevron (a Chip icon, not an IconButton) takes the same 16->22 scale. No per-file edits. phoneGlyph.test.ts pins folds' class names (a folds upgrade that renames them fails there), the px range, and that the rule is a phone-only scale with no size/margin/padding. Preview: https://preview.gamecult.org/void/rat-phone-glyphs/ (offline demo). Merge waits on Meta's look. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
Phone glyphs: icons inside IconButtons and the nav chevron draw larger on phones, box unchanged
All checks were successful
Build pull request / Build pull request (pull_request) Successful in 5m0s
Details
9db91378c5 
folds draws a glyph at 16-24 px; on a phone the 16/18/20 px ones read small in their buttons. One global
rule per folds Icon size scales the glyph (22/24/24/26/28 px) at paint time inside an IconButton, so no
button, PhoneHit area or row changes size and desktop is untouched. phoneGlyph.test.ts pins the folds
class names, the px range and that the rule is a phone-only scale.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
phoneGlyph test: pin each Icon size's px to folds' own CSS
All checks were successful
Build pull request / Build pull request (pull_request) Successful in 4m3s
Details
9d65a34507 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
void merged commit dc9a541820 into dev 2026-11-13 18:24:25 +00:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
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!144
No description provided.