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

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));
}
}