rays/ipx
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects Releases 20 Wiki Activity

Phone: the bottom totals are centred, low on the screen (#424)

Browse Source 
Centred, and the bottom padding is what the home indicator leaves
(safe-area minus 17px) rather than all of it, so the line sits just
above the indicator and the list gets back about 20px. A player open
still takes over the inset, as before. Checked in the simulator in the
glass theme.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Ray Slakinski
2026-11-08 14:26:56 -05:00
parent ca54e83f9c
commit 9541f6c6f4
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/CHANGELOG.md
View File

@@ -24,7 +24,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Fixed ### Fixed
- On a phone the totals along the bottom (All Subscriptions: N items, N unread) are text alone, set in from the sides, instead of a band and rule that ran to the bottom edge and were cut off by the screen's rounded corners (#424). - On a phone the totals along the bottom (All Subscriptions: N items, N unread) are text alone, centred just above the home indicator, instead of a band and rule that ran to the bottom edge and were cut off by the screen's rounded corners (#424).
- The admin page's top bar clears the status bar in the iOS app, so its back button can be tapped; the page asked for no room under the clock as the app page does (#423). - The admin page's top bar clears the status bar in the iOS app, so its back button can be tapped; the page asked for no room under the clock as the app page does (#423).
- Swiping, or j, through more than 50 items no longer stops at the 50th until a reload: the next ones are fetched as you near the end, and Load more on the Unread tab no longer skips as many unread items as you had read (#383). - Swiping, or j, through more than 50 items no longer stops at the 50th until a reload: the next ones are fetched as you near the end, and Load more on the Unread tab no longer skips as many unread items as you had read (#383).
- On the Unread tab, a short list read through no longer asks the server for more that is not there, or shows a count of 0 items beside the items still on screen (#385). - On the Unread tab, a short list read through no longer asks the server for more that is not there, or shows a count of 0 items beside the items still on screen (#385).

6
web/app.css
View File

@@ -1674,9 +1674,13 @@ body:has(#player.on) #status{padding-bottom:3px}
@media (max-width:820px){ @media (max-width:820px){
/* The totals along the bottom keep neither their band nor their rule on a phone: both run to the /* The totals along the bottom keep neither their band nor their rule on a phone: both run to the
bottom edge, where the screen's rounded corners cut them off, and the text sat against the bottom edge, where the screen's rounded corners cut them off, and the text sat against the
curve (#424). Text alone, set in from the sides. Longhand, as #topbar's padding is. */ curve (#424). Text alone, centred, low on the screen just above the home indicator, which
takes the bottom 17px or so. Longhand, as #topbar's padding is. With a player open the player
owns the inset and the rule above still wins. */
#status,:root[data-theme="glass"] #status{ #status,:root[data-theme="glass"] #status{
background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top-color:transparent; background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top-color:transparent;
text-align:center;
padding-bottom:calc(3px + max(0px, var(--safe-b) - 17px));
padding-left:calc(24px + var(--safe-l));padding-right:calc(24px + var(--safe-r)); padding-left:calc(24px + var(--safe-l));padding-right:calc(24px + var(--safe-r));
} }
} }