daniel-c-harvey
955182d6da
Add optional Ambient slot to ReleaseDetailScaffold (full-bleed layer behind content; absent = no regression). Cut mounts it + popover; Session mounts the engine directly behind its hero; Mix swaps its inline knob-bar for the lava-lamp popover.
26 lines
1.1 KiB
CSS
26 lines
1.1 KiB
CSS
/* Session detail is hero-dominant: a large background image with the detail components overlaid
|
|
directly on top (the overlay composition lives in ReleaseHeroOverlay). The page widens to the
|
|
Large container (set in markup) rather than the shared 760px detail column. */
|
|
|
|
::deep .session-detail-page {
|
|
padding-top: 2rem;
|
|
padding-bottom: 4rem;
|
|
}
|
|
|
|
/* Lifts the session content above the fixed full-bleed waveform layer (z-index: 0). Session mounts the
|
|
visualizer directly (it does not compose ReleaseDetailScaffold), so the foreground stacking context
|
|
lives here rather than on the scaffold (Phase 12 §3e option b). The class lands on the MudContainer's
|
|
rendered root, so ::deep is required to reach it. */
|
|
::deep .session-detail-foreground {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Back link (left) | lava-lamp popover trigger (right) on one row, mirroring the scaffold's top row.
|
|
The popover icon clears the hero overlay below and the share/play affordances overlaid on it. */
|
|
.session-detail-top-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|