Aero music: the button works on the podcast player

"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

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 ? (