diff --git a/pitch-deck/app/pitch-print/print.css b/pitch-deck/app/pitch-print/print.css index 8fe3c2d..f343933 100644 --- a/pitch-deck/app/pitch-print/print.css +++ b/pitch-deck/app/pitch-print/print.css @@ -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; } }