Badges: clean print output — suppress outlines, hide app chrome, reset layout container
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user