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
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:
parent
2450661f96
commit
14de85c392
@ -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; }
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user