From 4831f4b81b7f0c4a55f936ae203292815be46d7b Mon Sep 17 00:00:00 2001 From: Scott Idem Date: Thu, 4 Jun 2026 19:56:29 -0400 Subject: [PATCH] =?UTF-8?q?fix(badges):=20punch=20hole=20markers=20?= =?UTF-8?q?=E2=80=94=20z-index=20above=20header=20+=201mm=20safety=20inset?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit z-index: 10 ensures markers always render above the header image regardless of DOM order. Inset 1mm on all sides from physical hole boundary to account for printer registration variance (3mm-tall slot has no margin for error). Co-Authored-By: Claude Sonnet 4.6 --- .../[badge_id]/ae_comp__badge_obj_view.svelte | 35 ++++++++++--------- 1 file changed, 19 insertions(+), 16 deletions(-) diff --git a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view.svelte b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view.svelte index 514bd530..3c4b2d9b 100644 --- a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view.svelte +++ b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view.svelte @@ -670,37 +670,40 @@ const code_to_icon: { + Center slot: horizontally centered. Markers print so attendees know to push them out. + z-index: 10 keeps markers above the header image regardless of DOM order. + Inset ~1mm on all sides from the physical hole boundary — safety margin for printer + registration variance (slots are only 3mm tall, registration matters). --> {#if punch_holes_left} {/if} {#if punch_holes_right} {/if} {#if punch_holes_center} {/if}