ComputerTech
/
techdj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix visual bugs: hide VU canvases (black block), inset deck box-shadows (colored line bleed)

This commit is contained in:
ComputerTech 2026-03-05 17:42:37 +00:00
parent 49062cf6de
commit 663ea17040
1 changed files with 10 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
style.css
View File

@ -222,7 +222,6 @@ header h1 {
/* Adjust based on header height */ /* Adjust based on header height */
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
background: var(--bg-dark); /* Prevent deck box-shadows bleeding into padding gaps */
} }
/* LIBRARY SECTION */ /* LIBRARY SECTION */
@ -390,20 +389,20 @@ header h1 {
#deck-A { #deck-A {
border: 2px solid var(--primary-cyan); border: 2px solid var(--primary-cyan);
box-shadow: 0 0 25px rgba(0, 243, 255, 0.3); box-shadow: inset 0 0 25px rgba(0, 243, 255, 0.3);
} }
#deck-B { #deck-B {
border: 2px solid var(--secondary-magenta); border: 2px solid var(--secondary-magenta);
box-shadow: 0 0 25px rgba(188, 19, 254, 0.3); box-shadow: inset 0 0 25px rgba(188, 19, 254, 0.3);
} }
.deck.playing { .deck.playing {
box-shadow: 0 0 45px rgba(0, 243, 255, 0.5); box-shadow: inset 0 0 45px rgba(0, 243, 255, 0.5);
} }
#deck-B.playing { #deck-B.playing {
box-shadow: 0 0 45px rgba(188, 19, 254, 0.5); box-shadow: inset 0 0 45px rgba(188, 19, 254, 0.5);
} }
.deck-header { .deck-header {
@ -547,14 +546,11 @@ canvas {
border: 1px solid #333; border: 1px solid #333;
} }
/* VU meter canvases — transparent when idle so they don't show as black blocks */ /* VU meter canvases — hidden by default to prevent black-block gap;
JS can show them during playback if desired */
#viz-A, #viz-A,
#viz-B { #viz-B {
background: transparent !important; display: none !important;
border: none !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
margin: 2px 0 6px 0 !important;
} }
@ -1241,6 +1237,7 @@ input[type=range] {
#viz-A, #viz-A,
#viz-B, #viz-B,
#viz-listener { #viz-listener {
/* viz-A/B hidden globally; only viz-listener needs height */
height: 80px !important; height: 80px !important;
} }
@ -3040,10 +3037,10 @@ body.listening-active .landscape-prompt {
gap: 6px; gap: 6px;
} }
/* Smaller VU meters */ /* Smaller VU meters — now hidden globally, rule kept for listener canvas fallback */
canvas#viz-A, canvas#viz-A,
canvas#viz-B { canvas#viz-B {
height: 60px; display: none !important;
} }
/* Compact library */ /* Compact library */