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

View File

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