Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Badges: PVC wrapper hugs card tightly; hide 'Front of badge' label when single-sided

Browse Source
This commit is contained in:
Scott Idem
2026-03-12 16:05:08 -04:00
parent 7b340de139
commit b4ab60ebba
3 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/lib/ae_events/badges/css/badge_layout_zebra_zc10l_pvc.css
View File

@@ -25,8 +25,13 @@
/* outline: thick solid orange; */
}
/* Body area: 5.5in total − ~1in header − ~0.5in footer = ~4in for content.
Same as the current Tailwind default — no body override needed. */
/* No .badge_back rules — duplex=0 on the template means the back section
is not rendered at all (see show_badge_back in ae_comp__badge_obj_view.svelte). */
/* Outer wrapper: remove the generic 4×6 fanfold defaults so the blue dashed
outline hugs the card tightly. The badge_front CSS above supplies the exact
3.5×5.5in size; wrapper just needs to fit it with no extra space. */
[data-layout="badge_3.5x5.5_pvc"].event_badge_wrapper {
padding: 0;
gap: 0;
min-height: 0;
width: fit-content;
max-width: fit-content;
}

2
src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view_v2.svelte
View File

@@ -321,7 +321,7 @@
transition-all
"
>
Front of badge
{#if show_badge_back}Front of badge{:else}Badge preview{/if}
</span>
{#if $lq__event_badge_template_obj.header_path}

6
src/routes/events/ae_comp__events_menu_nav.svelte
View File

@@ -36,6 +36,10 @@
events__session_id = null,
events__session_search = false
}: Props = $props();
// Build launcher URL segments separately so the href template stays simple (avoids ternaries in href attr)
let launcher_loc_seg = $derived(events__launcher_id ? `/${events__launcher_id}` : '');
let launcher_sess_qry = $derived(events__session_id ? `?session_id=${events__session_id}` : '');
</script>
<!-- This is for common navigation links. -->
@@ -103,7 +107,7 @@
Back to Session
</a>
<a
href="/events/{event_id}/launcher{events__launcher_id ? '/' + events__launcher_id : ''}"
href="/events/{event_id}/launcher{launcher_loc_seg}{launcher_sess_qry}"
class="btn btn-sm mx-1 ae_btn_info"
class:hidden={!event_id}
>