From 9541f6c6f4e0d8312d4ffe6db2de274240648321 Mon Sep 17 00:00:00 2001 From: Ray Slakinski <19767+rays@users.noreply.github.com> Date: Sun, 8 Nov 2026 14:26:56 -0500 Subject: [PATCH] Phone: the bottom totals are centred, low on the screen (#424) 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 --- web/CHANGELOG.md | 2 +- web/app.css | 6 +++++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/web/CHANGELOG.md b/web/CHANGELOG.md index b24f9f7..9ceae77 100644 --- a/web/CHANGELOG.md +++ b/web/CHANGELOG.md @@ -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). diff --git a/web/app.css b/web/app.css index 7508ad8..f2b0b7b 100644 --- a/web/app.css +++ b/web/app.css @@ -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)); } }