From c79c9c5948c9801858c2b42d04f68597b38c1775 Mon Sep 17 00:00:00 2001
From: MattNotarangelo <matt.notarangelo@rokt.com>
Date: Thu, 11 Jun 2026 12:44:08 -0700
Subject: [PATCH] fix(viewer): stop legend gradient leaking through translucent
 border
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The legend bar's gradient was sized to the padding box but painted to
the border box, so it tiled under the 1px translucent border — showing
the opposite end's colour as a sliver at the top and bottom of the bar.
Size the gradient to the border box instead.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/style.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/style.css b/src/style.css
index ba849f4..b04648b 100644
--- a/src/style.css
+++ b/src/style.css
@@ -451,6 +451,9 @@ body {
   width: 14px;
   border-radius: 4px;
   border: 1px solid var(--panel-border);
+  /* Size the gradient to the border box; otherwise it tiles under the
+     translucent 1px border, leaking the opposite end's colour at each end. */
+  background-origin: border-box;
 }
 
 .legend-labels {