dvorakmortonxd/freezmo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Aero music: the button works on the podcast player

Browse source 
"The music thing button with the Frutiger Aero doesn't work on the podcasts."
The podcast page is a full-screen overlay at z-45 and the control sat at z-40:
visible through the transparent page, but every tap landed on the overlay.

The control now takes a data-raised="player" position on /podcast/[id] -
z-index 46, docked to the header's corner (top under the header pill, right
mirroring the max-w-3xl geometry) where neither the transport bar nor the
voice panel lives - and the transcript gained pt-32 so the episode card clears
it. Study/review/exam feeds keep their "steps aside" behaviour.

aero-music-test: a podcast section asserts the control exists, that
elementFromPoint at its centre hits the button, and that a tap expands the
credit bar. 31 checks. Version 0.7.9, SW v101.
This commit is contained in:
Martin Dvořák 2026-10-16 21:04:39 +00:00
commit 724a068bec
7 changed files with 74 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
components/AeroMusic.tsx
View file

@ -205,7 +205,14 @@ export function AeroMusic() {
/* The composer sits at the bottom of the chat screen and the wizard has its
own action bar; everywhere else the phone tab bar is the only neighbour. */
const raised = pathname === "/chat" ? "chat" : pathname === "/create" || pathname === "/homework" ? "wizard" : undefined;
const raised =
pathname.startsWith("/podcast/")
? "player"
: pathname === "/chat"
? "chat"
: pathname === "/create" || pathname === "/homework"
? "wizard"
: undefined;
return (
<div className="aero-music" data-testid="aero-music" data-raised={raised}>

4
components/podcast/PodcastPlayer.tsx
View file

@ -585,7 +585,9 @@ export function PodcastPlayer({ episode }: { episode: Podcast }) {
const index = Number(target.dataset.word);
if (Number.isInteger(index)) jumpWord(index);
}}
className="no-scrollbar min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 pb-40 pt-24"
/* pt-32 clears the Aero music control, which rides above this overlay
in the header's corner while the theme is on. */
className="no-scrollbar min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 pb-40 pt-32"
>
<div className="mx-auto w-full max-w-3xl space-y-6">
{naturalError ? (