From 4528257842b6eb46202ed3228f0ff88c09021487 Mon Sep 17 00:00:00 2001 From: Ryan Salazar Date: Fri, 22 May 2026 15:06:43 +0000 Subject: [PATCH] fix: lift header rails above sticky sub-bars (z-60, 2px) 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) --- src/styles/tailwind.css | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css index 82654fa..5a0c3d8 100644 --- a/src/styles/tailwind.css +++ b/src/styles/tailwind.css @@ -1557,14 +1557,16 @@ h1, h2, h3 { position: absolute; top: 0; bottom: 0; - width: 1px; + width: 2px; 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; - 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::after { right: 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(12px, calc((100% - 1200px) / 2 + 12px)); } @media (max-width: 768px) { .bb-header-rails::before, .bb-header-rails::after { display: none; } }