Badges: clean print output — suppress outlines, hide app chrome, reset layout container

This commit is contained in:
Scott Idem
2026-03-12 16:52:17 -04:00
parent 25359f12b8
commit c3a4ff45c7
4 changed files with 42 additions and 8 deletions

View File

@@ -216,6 +216,7 @@
class:opacity-0={yTop > 250}
class="
submenu
print:hidden
z-20
hover:opacity-100
absolute top-0 left-0 right-0

View File

@@ -1003,9 +1003,15 @@
}
@media print {
/* Remove all decorative outlines — only badge content should print */
.event_badge_wrapper {
outline: none !important;
box-shadow: none;
}
.badge_front,
.badge_back {
outline: none !important;
}
}
.badge_front,

View File

@@ -134,6 +134,30 @@
it dynamically here based on the template's layout field rather than putting
it in the compiled layout CSS files.
-->
<!-- Print chrome reset: applied regardless of layout. Hides app nav and removes
the events layout container's background, flex layout, overflow clip, and
width constraints so the badge fills the page cleanly. -->
<style>
@media print {
/* Events layout nav bar */
.submenu { display: none !important; }
/* Events #ae_main_content — override flex, bg, overflow, and size constraints */
#ae_main_content {
display: block !important;
overflow: visible !important;
max-width: none !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
gap: 0 !important;
}
}
</style>
{#if $lq__event_badge_template_obj?.layout === 'badge_3.5x5.5_pvc'}
<style>
@page { size: 3.5in 5.5in; margin: 0; }