The phone layout looks like a shrunk desktop page, not an iOS app #53

Closed
opened 2026-09-26 17:09:43 -07:00 by rays · 1 comment
Owner

On an iPhone every control is outlined: the top bar's button groups, the feed's action buttons, the tabs, the reader's back button, the file box, the text boxes and selects, and hairlines divide the top bar, the header and the status bar. Corners are small (7-9px) and the dialogs are centred cards. iOS draws the same things borderless and filled, with larger concentric radii, 44pt touch targets, 17pt body text, bars that blur what scrolls under them, and dialogs as sheets from the bottom. Also: text boxes are 13.5px, and Safari zooms the page in when a text box under 16px takes focus, so tapping search zooms the page. Reported by the user.

On an iPhone every control is outlined: the top bar's button groups, the feed's action buttons, the tabs, the reader's back button, the file box, the text boxes and selects, and hairlines divide the top bar, the header and the status bar. Corners are small (7-9px) and the dialogs are centred cards. iOS draws the same things borderless and filled, with larger concentric radii, 44pt touch targets, 17pt body text, bars that blur what scrolls under them, and dialogs as sheets from the bottom. Also: text boxes are 13.5px, and Safari zooms the page in when a text box under 16px takes focus, so tapping search zooms the page. Reported by the user.
rays added the enhancement label 2026-09-26 17:09:43 -07:00
Author
Owner

Fixed in 162665b: on a phone, controls are filled and round, bars run into the page, the feed name is a large title, tabs are a segmented control, rows are 44px with 17px text, dialogs are sheets from the bottom, and text boxes are 16-17px so Safari no longer zooms on focus. High contrast and Increase Contrast keep their outlines. Deployed.

Fixed in 162665b: on a phone, controls are filled and round, bars run into the page, the feed name is a large title, tabs are a segmented control, rows are 44px with 17px text, dialogs are sheets from the bottom, and text boxes are 16-17px so Safari no longer zooms on focus. High contrast and Increase Contrast keep their outlines. Deployed.
rays closed this issue 2026-09-27 06:49:37 -07:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: rays/ipx#53