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

Route report print: drop the blank second page 

The site header/footer were hidden with visibility:hidden, which keeps their layout height and pushed a blank second page. Now they are display:none in print and the report flows normally, so the printed height matches the content and it prints as a single page.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskik 2026-07-31 13:41:40 +02:00
parent 39899e38c4
commit 449297a35d
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/pages/_guide.css
View File

@ -969,23 +969,19 @@
@page { margin: 0; } @page { margin: 0; }
@media print { @media print {
html, body { background: #fff; } html, body { background: #fff; margin: 0; padding: 0; height: auto; }
body * { visibility: hidden; } /* Collapse the site chrome so the printed page height equals the report. */
.route-report, .route-report * { visibility: visible; } header, footer, .no-print { display: none !important; }
.route-report-page { margin: 0; padding: 0; max-width: none; } .route-report-page { margin: 0; padding: 0; max-width: none; }
.route-report { .route-report {
position: absolute;
left: 0;
top: 0;
width: 100%;
box-sizing: border-box; box-sizing: border-box;
width: 100%;
padding: 15mm 16mm; padding: 15mm 16mm;
border: none; border: none;
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
font-size: 12px; font-size: 12px;
} }
.no-print { display: none !important; }
.route-report-head { padding-bottom: 14px; margin-bottom: 16px; gap: 10px; } .route-report-head { padding-bottom: 14px; margin-bottom: 16px; gap: 10px; }
.route-report-logo { height: 42px; } .route-report-logo { height: 42px; }
.route-report h1 { font-size: 22px; } .route-report h1 { font-size: 22px; }