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

fix: gate debug outlines on html.debug_outlines class in print CSS

Browse Source 
Debug outlines were applying to all print jobs. Now scoped to
html.debug_outlines so they only appear when the "Show debug outlines"
checkbox is active in the controls panel (trusted users only).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-03-18 16:59:00 -04:00
parent af02e38528
commit ca29e9c1b8
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
static/ae-print-badge.css
View File

@@ -82,30 +82,30 @@
/* ============================================================ /* ============================================================
TEMPORARY DEBUG OUTLINES — remove before going live TEMPORARY DEBUG OUTLINES — remove before going live
============================================================ */ ============================================================ */
html { html.debug_outlines {
outline: 3px dashed lime !important; outline: 3px dashed lime !important;
outline-offset: -3px !important; outline-offset: -3px !important;
} }
body { html.debug_outlines body {
outline: 4px solid blue !important; outline: 4px solid blue !important;
outline-offset: -4px !important; outline-offset: -4px !important;
} }
/* Red = #ae_main_content — block passthrough, should fill page width/height. */ /* Red = #ae_main_content — block passthrough, should fill page width/height. */
#ae_main_content { html.debug_outlines #ae_main_content {
outline: 3px dashed red !important; outline: 3px dashed red !important;
outline-offset: -6px !important; outline-offset: -6px !important;
} }
/* Orange + purple = display:contents — should be INVISIBLE (no box). */ /* Orange + purple = display:contents — should be INVISIBLE (no box). */
.main_content { html.debug_outlines .main_content {
outline: 3px dashed orange !important; outline: 3px dashed orange !important;
outline-offset: -9px !important; outline-offset: -9px !important;
} }
#badge_render_area { html.debug_outlines #badge_render_area {
outline: 3px dashed purple !important; outline: 3px dashed purple !important;
outline-offset: -12px !important; outline-offset: -12px !important;
} }
/* Cyan = the actual badge — should be dead-center on page */ /* Cyan = the actual badge — should be dead-center on page */
.event_badge_wrapper { html.debug_outlines .event_badge_wrapper {
outline: 3px solid cyan !important; outline: 3px solid cyan !important;
outline-offset: 2px !important; outline-offset: 2px !important;
} }