daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

Merge ui-mix-visualizer into dev (footer above waveform backdrop; zoom slider to top)

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-15 11:13:05 -04:00
parent e0ab2f3d00 9f074f7350
commit 37608aee28
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic.Client/Controls/MixWaveformVisualizer.razor.css
+5 -3
View File
@@ -21,12 +21,14 @@
-webkit-backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
} }
/* Zoom slider — a small viewing control pinned to the bottom-right. Pointer events are re-enabled /* Zoom slider — a small viewing control pinned to the top-right, clear of the player bar at
here only (the backdrop stays inert), and it is never a seek surface. */ the bottom and the nav bar at the top. Pointer events are re-enabled here only (the backdrop
stays inert), and it is never a seek surface. top: 5rem sits just below the fixed nav bar
(~4.5rem tall) so neither the expanded player bar nor the nav occludes it. */
.mix-waveform-zoom { .mix-waveform-zoom {
position: absolute; position: absolute;
right: 1.5rem; right: 1.5rem;
bottom: 1.5rem; top: 5rem;
width: 180px; width: 180px;
max-width: 40vw; max-width: 40vw;
pointer-events: auto; pointer-events: auto;
DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css
+4
View File
@@ -1,4 +1,8 @@
.deepdrft-footer { .deepdrft-footer {
/* position:relative + z-index:1 creates a stacking context that paints above the
MixWaveformVisualizer backdrop (z-index:0), keeping footer text fully legible. */
position: relative;
z-index: 1;
background: var(--deepdrft-white); background: var(--deepdrft-white);
border-top: 1px solid var(--deepdrft-border); border-top: 1px solid var(--deepdrft-border);
padding: 3rem; padding: 3rem;