spencerm/PacketStation
1
0
Fork 0
Code Issues 14 Pull Requests Actions Packages Projects Releases Wiki Activity

Version banner, File locations section, final CSP (no unsafe-inline styles, frame-src none, object-src none)

Browse Source 
The MTR viewer draws PDFs with pdf.js instead of an iframe the server's frame-ancestors refused.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
spencerm
2026-10-30 17:50:05 -06:00
co-authored by Claude Opus 5.5
parent da31b0a87a
commit 6e820ba0a5
17 changed files with 845 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/theme/theme.css
+12 -1
View File
@@ -407,7 +407,6 @@ td.shortqty { font-size: 18px; font-weight: 700; color: var(--pink); }
td.late { color: var(--red); }
.btn.dim { opacity: .55; pointer-events: none; }
.btn.pinktxt { color: var(--pink); }
.mtrframe { width: 100%; height: min(75vh, 900px); border: 1px solid var(--line); border-radius: 10px; background: var(--white); }
.mtrimg { max-width: 100%; height: auto; border-radius: 10px; background: var(--white); align-self: center; }
.bar.usage { position: relative; height: 12px; border-radius: 6px; }
.bar.usage .mark { position: absolute; top: 0; bottom: 0; width: 2px; background: var(--amber); }
@@ -758,3 +757,15 @@ a.itpcard { flex-direction: row; text-align: left; }
.kpi .n { font-size: 34px; }
button.kpi::after { display: none; }
}
/* Phase 10: the build-version banner, inside the sticky header so it stays in view. */
.vbanner { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; max-width: 1500px; margin: 0 auto 10px; padding: 8px 14px; border: 1px solid #5a4720; border-left: 3px solid var(--amber); border-radius: 0 10px 10px 0; background: #211c10; font-size: 14px; font-weight: 600; }
.vbanner span { flex: 1 1 260px; }
/* Phase 10: the print area printPdf.ts fills. Here and not in a <style> element, so the CSP needs no 'unsafe-inline'. */
#ps-print-root { display: none; }
@media print {
@page psprint { margin: 0; }
body.ps-printing > *:not(#ps-print-root) { display: none !important; }
body.ps-printing #ps-print-root { display: block !important; }
#ps-print-root img { page: psprint; display: block; width: 100%; height: auto; max-height: 100vh; object-fit: contain; break-after: page; }
#ps-print-root img:last-child { break-after: auto; }
}