From 1e702710024740d647f59d19d85288571191fcff Mon Sep 17 00:00:00 2001 From: Scott Idem Date: Thu, 12 Mar 2026 17:32:31 -0400 Subject: [PATCH] =?UTF-8?q?Badges:=20add=20temp=20print=20debug=20outlines?= =?UTF-8?q?=20=E2=80=94=20diagnose=20centering=20issue?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../badges/[badge_id]/print/+page.svelte | 33 +++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte index 5e6bdf7e..f196dc03 100644 --- a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte +++ b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte @@ -210,6 +210,39 @@ break-inside: avoid; page-break-inside: avoid; } + + /* ============================================================ + TEMPORARY DEBUG OUTLINES — remove before going live + Each color = one layout layer so you can see what's taking + up space and whether display:contents is actually dissolving. + ============================================================ */ + html { + outline: 3px dashed lime !important; + outline-offset: -3px !important; + } + body { + outline: 4px solid blue !important; + outline-offset: -4px !important; + } + /* Red = should be invisible (display:contents dissolves its box). + If you see a red border, display:contents is NOT working here. */ + #ae_main_content { + outline: 3px dashed red !important; + outline-offset: -6px !important; + } + .main_content { + outline: 3px dashed orange !important; + outline-offset: -9px !important; + } + #badge_render_area { + outline: 3px dashed purple !important; + outline-offset: -12px !important; + } + /* Cyan = the actual badge wrapper — should be the only visible box */ + .event_badge_wrapper { + outline: 3px solid cyan !important; + outline-offset: 2px !important; + } }