fix(p10-reframe-w1): clip visualizer to minimized FAB height; replace LavaLamp icon with SVG Repo glyph
This commit is contained in:
@@ -3,13 +3,13 @@
|
||||
|
||||
Footer clip (Phase 10 W1, spec §2c): the backdrop must stop cleanly ABOVE the audio player bar so
|
||||
no lava/waveform pixel paints over or under it. `overflow: hidden` clips the canvas to this box, and
|
||||
`bottom` is inset by the player bar's LIVE height — `--player-height`, the custom property the player
|
||||
already publishes on :root via its ResizeObserver (AudioPlayerBar + Interop/layout/spacer.ts). That
|
||||
var tracks the expanded bar's border-box height across breakpoints/error-banner reflow, and resets to
|
||||
0 when the bar is minimized — so the clip line follows the bar's actual current height with no extra
|
||||
coupling: when minimized the var is 0 and the backdrop reaches the viewport bottom (the floating FAB,
|
||||
z-index 1300, simply sits over it — there is no full-width bar to clip to), matching spec §2c. The
|
||||
0px fallback keeps the backdrop full-height on any page that doesn't host the player. */
|
||||
`bottom` is inset by `--player-height`, which AudioPlayerBar publishes on :root via its ResizeObserver
|
||||
(Interop/layout/spacer.ts). The observer now points at whichever element is live:
|
||||
expanded → the full player dock (tracks breakpoint reflow + error-banner growth)
|
||||
minimized → the minimized-dock FAB container (~56–60 px)
|
||||
so --player-height is always non-zero while the player is mounted and the clip line follows the bar in
|
||||
BOTH states (fix §1 / p10-reframe-w1-fix). The 0px fallback keeps the backdrop full-height on any
|
||||
page that does not host the player. */
|
||||
.mix-waveform-bg {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
|
||||
Reference in New Issue
Block a user