sjg/trx-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[fix](trx-frontend-http): move band plan strip above waterfall in z-order

Browse Source 
The band plan strip was visually positioned between the waterfall and
waveform areas. Move it to the top of .signal-visual-block (above the
overview/waterfall) so it renders above the waterfall. Remove the
bp-webgl transparent overrides since the strip now shows colored
segments in its own position rather than overlaying the spectrum canvas.

https://claude.ai/code/session_01KoxcohG6hn5b7kSc3mC4dA
Signed-off-by: Claude <noreply@anthropic.com>
This commit is contained in:
Claude
2026-03-30 08:30:29 +00:00
committed by Stan Grams
parent 9dbf6fc64e
commit f6f59f3d00
3 changed files with 9 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+4 -22
View File
@@ -3302,29 +3302,11 @@ button:focus-visible, input:focus-visible, select:focus-visible {
}
/* ── WebGL overlay mode ── When the spectrum canvas is visible the coloured
segments are rendered via WebGL. The DOM strip repositions itself as a
transparent label overlay at the top of the spectrum canvas. */
segments are also rendered via WebGL inside drawSpectrum(). The DOM strip
stays above the waterfall with its own coloured segments visible. */
#spectrum-bandplan-strip.bp-webgl {
position: absolute;
top: 0;
left: 0;
right: 0;
background: transparent;
border-bottom: none;
z-index: 6;
pointer-events: none;
}
#spectrum-bandplan-strip.bp-webgl .bp-segment {
background: transparent !important;
border-right-color: transparent;
}
#spectrum-bandplan-strip.bp-webgl .bp-segment-label {
color: rgba(255,255,255,0.92);
text-shadow: 0 0 3px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.6);
}
#spectrum-bandplan-strip.bp-webgl .bp-band-label {
color: rgba(255,255,255,0.65);
text-shadow: 0 0 3px rgba(0,0,0,0.8);
/* No repositioning needed – the strip lives above the overview strip
in the .signal-visual-block flex flow. */
}
/* Legend in settings */