fix(print): override globals.css body overflow:hidden and dark background
Build pitch-deck / build-push-deploy (push) Successful in 1m57s
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 34s
CI / test-python-voice (push) Successful in 33s
CI / test-bqas (push) Successful in 30s
Build pitch-deck / build-push-deploy (push) Successful in 1m57s
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 34s
CI / test-python-voice (push) Successful in 33s
CI / test-bqas (push) Successful in 30s
globals.css sets html,body { height:100%; overflow:hidden; background:#0a0a1a }
with no media query. In print mode this clips all slides to one viewport
height (explaining the 2-page limit) and renders a black background.
Override with height:auto, overflow:visible, background:white in @media print.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -14,7 +14,17 @@
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* globals.css sets html,body { height:100%; overflow:hidden; background:#0a0a1a }.
|
||||
* In print mode that clips all content to one viewport height and renders a black
|
||||
* background. Override everything here.
|
||||
*/
|
||||
html, body {
|
||||
height: auto !important;
|
||||
min-height: 0 !important;
|
||||
overflow: visible !important;
|
||||
background: #ffffff !important;
|
||||
color: #000000 !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-webkit-print-color-adjust: exact;
|
||||
@@ -22,11 +32,6 @@
|
||||
print-color-adjust: exact;
|
||||
}
|
||||
|
||||
* {
|
||||
-moz-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
}
|
||||
|
||||
.no-print {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -35,30 +40,30 @@
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
display: block !important;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Block wrapper: carries the height AND the page break.
|
||||
* Firefox honors height:210mm on display:block reliably in print;
|
||||
* it does NOT reliably honor it on flex containers.
|
||||
* height:210mm on display:block is reliable in both Chrome and Firefox.
|
||||
*/
|
||||
.print-page-break {
|
||||
page: slide-page;
|
||||
display: block !important;
|
||||
width: 297mm !important;
|
||||
height: 210mm !important;
|
||||
overflow: hidden !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
/* Force new page before every slide except the first */
|
||||
/* New page before every slide except the first */
|
||||
.print-page-break + .print-page-break {
|
||||
break-before: page !important;
|
||||
page-break-before: always !important;
|
||||
}
|
||||
|
||||
/* Inner flex container fills the block wrapper */
|
||||
/* Flex container fills the block wrapper */
|
||||
.print-page {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
@@ -67,5 +72,9 @@
|
||||
overflow: hidden !important;
|
||||
margin: 0 !important;
|
||||
box-shadow: none !important;
|
||||
background: #ffffff !important;
|
||||
-webkit-print-color-adjust: exact;
|
||||
-moz-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user