feat: badge print UX improvements — chrome toggle, banner width, overlap fix, header centering
- Replace ae_comp__badge_obj_view_v2 with ae_comp__badge_obj_view (consolidated component) - Add hide-chrome toggle ([H] shortcut + button) to hide site nav/footer/sys bar for clean print workspace — syncs $ae_loc.sys_menu.hide + $ae_sess.disable_sys_nav/footer with restore-on-unmount - Add banner_full_width toggle (default true=100% width, false=natural pixel size for calibration) - Center badge header image (display:block; margin:0 auto) — was left-aligned when narrower than badge - Fix controls panel overlap: move from bottom-0 to bottom-24 to clear sys bar (84px tall) - Add [H] keyboard shortcut for chrome toggle (guards against focus in inputs) - Persist hide_chrome and banner_full_width in ae_badge_print_tweaks localStorage key - Add sample header image assets (calibration SVG/PNG, hex blue SVG/PNG, demo PNG) - Update badge PVC CSS layout and module docs Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -32,6 +32,16 @@
|
||||
padding: 0;
|
||||
gap: 0;
|
||||
min-height: 0;
|
||||
width: fit-content;
|
||||
max-width: fit-content;
|
||||
width: 3.5in;
|
||||
max-width: 3.5in;
|
||||
}
|
||||
|
||||
@media print {
|
||||
[data-layout="badge_3.5x5.5_pvc"].event_badge_wrapper {
|
||||
width: 3.5in !important;
|
||||
height: 5.5in !important;
|
||||
max-width: 3.5in !important;
|
||||
max-height: 5.5in !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user