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
- 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).
- 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).

6
web/app.css
View File

@@ -1674,9 +1674,13 @@ body:has(#player.on) #status{padding-bottom:3px}
@media (max-width:820px){
/* 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
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{
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));
}
}