Benjamin_Boenisch/breakpilot-core
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(print): override globals.css body overflow:hidden and dark background
Build pitch-deck / build-push-deploy (push) Successful in 1m57s
Details
CI / go-lint (push) Has been skipped
Details
CI / python-lint (push) Has been skipped
Details
CI / nodejs-lint (push) Has been skipped
Details
CI / test-go-consent (push) Successful in 34s
Details
CI / test-python-voice (push) Successful in 33s
Details
CI / test-bqas (push) Successful in 30s
Details

Browse Source 
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:
Sharang Parnerkar
2026-05-12 19:04:58 +02:00
parent 49e594bf38
commit 5510689710
1 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pitch-deck/app/pitch-print/print.css
+19 -10
View File
@@ -14,7 +14,17 @@
margin: 0; 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 { html, body {
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
background: #ffffff !important;
color: #000000 !important;
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
-webkit-print-color-adjust: exact; -webkit-print-color-adjust: exact;
@@ -22,11 +32,6 @@
print-color-adjust: exact; print-color-adjust: exact;
} }
* {
-moz-print-color-adjust: exact;
print-color-adjust: exact;
}
.no-print { .no-print {
display: none !important; display: none !important;
} }
@@ -35,30 +40,30 @@
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
display: block !important; display: block !important;
overflow: visible !important;
} }
/* /*
* Block wrapper: carries the height AND the page break. * Block wrapper: carries the height AND the page break.
* Firefox honors height:210mm on display:block reliably in print; * height:210mm on display:block is reliable in both Chrome and Firefox.
* it does NOT reliably honor it on flex containers.
*/ */
.print-page-break { .print-page-break {
page: slide-page; page: slide-page;
display: block !important; display: block !important;
width: 297mm !important; width: 297mm !important;
height: 210mm !important; height: 210mm !important;
overflow: hidden !important;
margin: 0 !important; margin: 0 !important;
padding: 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 { .print-page-break + .print-page-break {
break-before: page !important; break-before: page !important;
page-break-before: always !important; page-break-before: always !important;
} }
/* Inner flex container fills the block wrapper */ /* Flex container fills the block wrapper */
.print-page { .print-page {
display: flex !important; display: flex !important;
flex-direction: column !important; flex-direction: column !important;
@@ -67,5 +72,9 @@
overflow: hidden !important; overflow: hidden !important;
margin: 0 !important; margin: 0 !important;
box-shadow: none !important; box-shadow: none !important;
background: #ffffff !important;
-webkit-print-color-adjust: exact;
-moz-print-color-adjust: exact;
print-color-adjust: exact;
} }
} }