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:
Scott Idem
2026-03-19 15:42:22 -04:00
parent 639e436854
commit 621a637b85
13 changed files with 354 additions and 171 deletions

View File

@@ -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;
}
}