On a phone every control was outlined, hairlines ruled off the bars, corners were 7-9px and dialogs were centred cards: a desktop page, shrunk. Now, below 820px and in every theme, controls are filled and round (40px circles and capsules, pills for groups), the feed's name is a 26px large title, the tabs are a segmented control, rows are 44px with 17px text and an inset hairline, the reader's type is 17px, and dialogs are sheets from the bottom. --edge is the one switch for the outlines, left on for the high-contrast theme and for prefers-contrast:more. Glass's desktop radii moved into a min-width query, because at their specificity they outranked the phone's shapes, and on a phone its #51 rim only catches the top edge: all round a small capsule it read as an outline. Text boxes were 13.5px, and Safari zooms the page in on focus below 16px, so tapping search zoomed it; they are 16-17px on a phone now. Nothing read safe-area-inset-top, so opened from the home screen the top bar, the reader's back button and the drawer's head sat under the Dynamic Island. --safe-t pads them, and the phone's own top-bar rule, a shorthand, had also been discarding the side insets for the notch in landscape. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -19,11 +19,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
||||
|
||||
### Changed
|
||||
|
||||
- On a phone, iPodderX looks like an iOS app: filled round buttons and capsules instead of
|
||||
outlined boxes, no rules between the bars and the page, the feed's name as a large title, a
|
||||
segmented control for the tabs, taller rows with 17px text, and dialogs as sheets from the
|
||||
bottom. Tapping a text box no longer zooms the page in. High contrast, and Increase Contrast,
|
||||
keep their outlines.
|
||||
- The Glass theme's panels catch the light: a bright rim along the top and left edges, a fainter
|
||||
one along the far edges, and a soft sheen from the top-left corner.
|
||||
|
||||
### Fixed
|
||||
|
||||
- Opened from the home screen on an iPhone, the top bar, the reader's back button and the top
|
||||
of the feed list keep clear of the Dynamic Island and the status bar instead of sitting under
|
||||
them.
|
||||
- Swiping to the next or previous item takes a longer swipe, a quarter of the screen, so a
|
||||
diagonal scroll no longer jumps ahead by accident. The item follows your finger and slides
|
||||
across as it changes.
|
||||
|
||||
Reference in New Issue
Block a user