Sharang Parnerkar
f3e54180f0
Build pitch-deck / build-push-deploy (push) Successful in 1m38s
CI / go-lint (push) Has been skipped
CI / python-lint (push) Has been skipped
CI / nodejs-lint (push) Has been skipped
CI / test-go-consent (push) Successful in 31s
CI / test-python-voice (push) Successful in 31s
CI / test-bqas (push) Successful in 32s
Chrome's print engine silently ignores break-after/page-break-after on flex containers. Wrapping each .print-page (flex) in a plain block .print-page-break element gives Chrome a reliable page break anchor. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
55 lines
1.2 KiB
CSS
55 lines
1.2 KiB
CSS
@media screen {
|
|
body { background: #d1d5db; }
|
|
}
|
|
|
|
@media print {
|
|
@page {
|
|
size: A4 landscape;
|
|
margin: 0;
|
|
}
|
|
|
|
html, body {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
.no-print {
|
|
display: none !important;
|
|
}
|
|
|
|
.print-deck-wrapper {
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
display: block !important;
|
|
}
|
|
|
|
/* Block wrapper handles page breaks — flex containers break unreliably in Chrome */
|
|
.print-page-break {
|
|
display: block !important;
|
|
page-break-after: always !important;
|
|
break-after: page !important;
|
|
page-break-inside: avoid !important;
|
|
break-inside: avoid !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.print-page-break:last-child {
|
|
page-break-after: auto !important;
|
|
break-after: auto !important;
|
|
}
|
|
|
|
/* Flex container for internal layout only — no break properties here */
|
|
.print-page {
|
|
width: 297mm !important;
|
|
height: 210mm !important;
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
overflow: visible !important;
|
|
margin: 0 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
}
|