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

Badges: add temp print debug outlines — diagnose centering issue

Browse Source
This commit is contained in:
Scott Idem
2026-03-12 17:32:31 -04:00
parent 05aa0288cb
commit 1e70271002
1 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte
View File

@@ -210,6 +210,39 @@
break-inside: avoid;
page-break-inside: avoid;
}
/* ============================================================
TEMPORARY DEBUG OUTLINES — remove before going live
Each color = one layout layer so you can see what's taking
up space and whether display:contents is actually dissolving.
============================================================ */
html {
outline: 3px dashed lime !important;
outline-offset: -3px !important;
}
body {
outline: 4px solid blue !important;
outline-offset: -4px !important;
}
/* Red = should be invisible (display:contents dissolves its box).
If you see a red border, display:contents is NOT working here. */
#ae_main_content {
outline: 3px dashed red !important;
outline-offset: -6px !important;
}
.main_content {
outline: 3px dashed orange !important;
outline-offset: -9px !important;
}
#badge_render_area {
outline: 3px dashed purple !important;
outline-offset: -12px !important;
}
/* Cyan = the actual badge wrapper — should be the only visible box */
.event_badge_wrapper {
outline: 3px solid cyan !important;
outline-offset: 2px !important;
}
}
</style>