diff --git a/src/lib/ae_events/badges/css/badge_layout_epson_4x6_fanfold.css b/src/lib/ae_events/badges/css/badge_layout_epson_4x6_fanfold.css index 502252e3..beb9aa7a 100644 --- a/src/lib/ae_events/badges/css/badge_layout_epson_4x6_fanfold.css +++ b/src/lib/ae_events/badges/css/badge_layout_epson_4x6_fanfold.css @@ -34,9 +34,27 @@ /* outline: thick solid orange; */ } -/* Body area: 6in total − ~1in header − ~0.5in footer ≈ 4.5in for content */ +/* + * Header image zone: 624×232px at full 4in badge width → natural height ≈ 1.49in. + * Override Tailwind's max-h-[1.00in] to avoid cropping the bottom of the image. + * min-h-[.50in] from the component HTML is fine; leave it in place. + */ +[data-layout='badge_4x6_fanfold'] .badge_header { + max-height: 1.5in; +} + +/* + * Body area: 6in total − 1.5in header − 0.5in footer = 4.0in for name/title/affiliations. + * + * margin-top: 0 overrides the component-level mt-54 (≈2.25in). That margin was added + * for the PVC badge layout (badge_3.5x5.5_pvc) where a full-bleed background_image_path + * was used — the body needed to start below the background image's logo zone. For + * fanfold badges with a standalone header_path image and no background, mt-54 creates + * a large blank gap between the header and the attendee name. + */ [data-layout='badge_4x6_fanfold'] .badge_body { - max-height: 4.5in; + margin-top: 0; + max-height: 4.0in; } /* Outer wrapper: strip the default padding/gap so the outline hugs the badge. 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 642c5a28..e65094c0 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 @@ -383,16 +383,17 @@ let fit_heights = $derived.by(() => { location: '0.5in' }; } else { - // Default: badge_4x6_fanfold — 4" × 6", most room + // Default: badge_4x6_fanfold — 4" × 6", single-sided with 1.5in header + // Body = 6in − 1.5in header − 0.5in footer = 4.0in base = { - grp_name_title: '2.5in', + grp_name_title: '2.2in', grp_name_title_flex: 'around', - name: '1.9in', - title: '0.7in', - grp_aff_loc: '1.9in', + name: '1.7in', + title: '0.65in', + grp_aff_loc: '1.8in', grp_aff_loc_flex: 'between', - affiliations: '1.3in', - location: '0.55in' + affiliations: '1.2in', + location: '0.5in' }; }