localadministrator/avbeat-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: lift header rails above sticky sub-bars (z-60, 2px)

Browse Source 
The sticky main nav at z-50 was painting its background over the
z-5 rails, so the line only showed on the top bar. Bumped rails to
z-60 (above the sticky stacking context) and widened to 2px with
stronger glow so the bracket reads continuously.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ryan Salazar
2026-05-22 15:06:43 +00:00
parent a789ef86ab
commit 4528257842
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/tailwind.css
View File

@@ -1557,14 +1557,16 @@ h1, h2, h3 {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 1px; width: 2px;
background: #00ff9f; background: #00ff9f;
box-shadow: 0 0 6px rgba(0, 255, 159, 0.55); box-shadow: 0 0 8px rgba(0, 255, 159, 0.7);
pointer-events: none; pointer-events: none;
z-index: 5; /* Must beat the sticky main-nav (z-50) and ticker sub-bars so the line
paints across every sub-bar background, not behind them. */
z-index: 60;
} }
.bb-header-rails::before { left: max(16px, calc((100% - 1200px) / 2 + 16px)); } .bb-header-rails::before { left: max(12px, calc((100% - 1200px) / 2 + 12px)); }
.bb-header-rails::after { right: max(16px, calc((100% - 1200px) / 2 + 16px)); } .bb-header-rails::after { right: max(12px, calc((100% - 1200px) / 2 + 12px)); }
@media (max-width: 768px) { @media (max-width: 768px) {
.bb-header-rails::before, .bb-header-rails::after { display: none; } .bb-header-rails::before, .bb-header-rails::after { display: none; }
} }