mark
/
msos
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(event): add print/PDF export styles for event pages 

Add a @media print block so event pages export cleanly to PDF/print:
keep faithful colours (print-color-adjust: exact), unstick the header,
hide screen-only chrome (chat bubble, cookie consent, sticky CTA, back
link, newsletter box, mobile nav), and reset the hero image to full
width. No effect on the on-screen layout.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskik 2026-08-22 08:16:04 +02:00
parent 027a888539
commit 7bd85c11a0
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/pages/_event.css
View File

@ -156,3 +156,11 @@
.msreg .ev-plans-title { font-size: 16px; font-weight: 700; color: #101828; margin: 16px 0 2px; }
.msreg .ev-plans-lead { font-size: 13px; color: #98A2B3; margin: 0 0 6px; }
.msreg .ev-subhead { font-size: 13px; font-weight: 700; color: #98A2B3; text-transform: uppercase; letter-spacing: 0.05em; margin: 20px 0 10px; }
/* ---- print / PDF export (clean, faithful colours) ---- */
@media print {
* { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
.dropdown-header-navigation { position: static !important; }
.msa-root, .msa-bubble, [class^="msos-cc"], .event-sticky-cta, .news-back, .newsletter-cta, .mobile-nav-panel { display: none !important; }
.news-article--event .news-article-hero { width: 100% !important; margin-left: 0 !important; transform: none !important; }
}