Fit short CV on both A4 and US Letter (footer no longer clipped)
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 26s

Detected user PDFs were rendered to US Letter (279mm tall) instead of
A4 (297mm), which clipped the footer. Frame now caps at 270mm with
tighter print typography so the footer survives on both paper sizes.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
ordinarthur 2026-05-13 06:07:35 +02:00
parent 2450661f96
commit 14de85c392

View File

@ -353,15 +353,43 @@
@media print {
body { background: var(--bg); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.page {
width: 210mm;
height: 297mm;
width: 100%;
height: 270mm; /* fits both A4 (297mm) and US Letter (279mm) */
padding: 0;
page-break-after: auto;
break-after: auto;
margin: 0;
overflow: hidden;
}
.frame { height: 297mm; border: none; }
.frame { height: 270mm; border: none; overflow: hidden; }
/* Tighten content so it fits on US Letter too */
.hero h1 { font-size: 32pt; }
.hero-left { padding: 10px 16px; }
.hero .pitch { margin-top: 8px; font-size: 8pt; line-height: 1.4; }
.hero-meta { margin-top: 10px; gap: 8px; }
.specimen-cell { padding: 8px 10px; }
.contact-cell { padding: 8px 10px; gap: 3px; }
.skills-strip { padding: 7px 12px; gap: 4px; }
.skills-strip .chip { padding: 2px 6px; font-size: 6.5pt; }
.xp { padding: 6px 12px; gap: 8px; }
.xp h3 { font-size: 9.5pt; }
.xp .when { font-size: 6.5pt; }
.xp ul { margin-top: 3px; line-height: 1.3; font-size: 7.3pt; }
.xp ul li { margin: 0; }
.pj { padding: 6px 12px; }
.pj h3 { font-size: 9.5pt; }
.pj .pj-meta { font-size: 6.5pt; }
.pj .pj-desc { margin-top: 2px; font-size: 7.3pt; line-height: 1.3; }
.pj .pj-stack .chip { font-size: 6pt; padding: 1px 4px; }
.col-section-title { padding: 4px 12px; }
.formations .fo { padding: 5px 12px; }
.formations .fo h4 { font-size: 8.5pt; }
.formations .fo .school { font-size: 6.3pt; }
.formations .fo .when { font-size: 6.3pt; }
.footer > div { padding: 4px 12px; font-size: 6.5pt; }
.topbar > div { padding: 4px 10px; font-size: 6.5pt; }
.print-btn, .switch-btn, .lang-toggle { display: none !important; }
a { color: inherit; }
}