Commit 31798c5
fix(tv): lengthen the top fade on the TV halo
The warm halo was painted on the section's own background with its core at 8%
from the top. The top edge therefore fell at 0.15 of the gradient's vertical
radius — where the ramp still carries ~77% of peak alpha — and the browser cut
it flat, drawing a straight amber-on-black line across the full width. It read
as one solid block sitting on another.
No arrangement of colour stops fixes this while the gradient is confined to the
section: with the core near the top, the top edge is always near the core, so
the choice is a cut edge or a halo dimmed to nothing.
Move it to its own layer extended 220px above the section instead. The falloff
now happens off-stage and reaches zero 174px before the section starts, so
there is no edge to see. Alpha at the section's own top edge is unchanged at
~0.10 — this lengthens the fade, it does not dim the halo.
`-z-10` because an absolutely positioned layer otherwise paints above in-flow
content and would wash over the set itself; it matches the page ground's own
-z-10 and composites above it. Verified in dark and light, 390 and 1400.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>1 parent df29078 commit 31798c5
1 file changed
Lines changed: 34 additions & 11 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
438 | 438 | | |
439 | 439 | | |
440 | 440 | | |
441 | | - | |
442 | | - | |
443 | | - | |
444 | | - | |
445 | | - | |
446 | | - | |
447 | | - | |
448 | | - | |
449 | | - | |
450 | | - | |
451 | | - | |
| 441 | + | |
| 442 | + | |
| 443 | + | |
| 444 | + | |
| 445 | + | |
| 446 | + | |
| 447 | + | |
| 448 | + | |
| 449 | + | |
| 450 | + | |
| 451 | + | |
| 452 | + | |
| 453 | + | |
| 454 | + | |
| 455 | + | |
| 456 | + | |
| 457 | + | |
| 458 | + | |
| 459 | + | |
| 460 | + | |
| 461 | + | |
| 462 | + | |
| 463 | + | |
| 464 | + | |
| 465 | + | |
| 466 | + | |
| 467 | + | |
| 468 | + | |
| 469 | + | |
| 470 | + | |
| 471 | + | |
| 472 | + | |
| 473 | + | |
| 474 | + | |
452 | 475 | | |
453 | 476 | | |
454 | 477 | | |
| |||
0 commit comments