marty/rm-circle-team-router
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Print sizing in physical inches: 100vh broke print-to-PDF from mobile (design overflowed to 2 pages, split second copy)

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-08-27 08:42:21 -05:00
parent 792fa1d97b
commit e83f2543fd
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/flyers.html
+4 -2
View File
@@ -60,8 +60,10 @@
body{background:#fff!important} body{background:#fff!important}
header,footer,nav,.chat-fab,.chat-panel,#rmcTrBtn,#rmcTrPanel,.flw>.section-head,.fl-id,.fl-intro,.fl-print,.hs-print,.hs-intro{display:none!important} header,footer,nav,.chat-fab,.chat-panel,#rmcTrBtn,#rmcTrPanel,.flw>.section-head,.fl-id,.fl-intro,.fl-print,.hs-print,.hs-intro{display:none!important}
.flw{max-width:none;padding:0;margin:0} .flw{max-width:none;padding:0;margin:0}
.fl{box-shadow:none;border-radius:0;margin:0;max-width:none;width:100%;height:100vh;aspect-ratio:auto;page-break-after:always} /* size pages in physical units — 100vh is the PHONE SCREEN height when
.hs-page{max-width:none;margin:0;height:100vh;page-break-after:always;display:flex;flex-direction:column} printing from mobile, which overflowed each design onto two pages */
.fl{box-shadow:none;border-radius:0;margin:0;max-width:none;width:100%;height:11in;aspect-ratio:auto;page-break-after:always;page-break-inside:avoid}
.hs-page{max-width:none;margin:0;height:11in;page-break-after:always;page-break-inside:avoid;display:flex;flex-direction:column}
.hs-page .hs{border-radius:0;box-shadow:none;flex:1;aspect-ratio:auto;display:flex} .hs-page .hs{border-radius:0;box-shadow:none;flex:1;aspect-ratio:auto;display:flex}
.hs-copy{display:flex} .hs-copy{display:flex}
.hs-cut{display:flex;justify-content:center;align-items:center;gap:8px;border-top:2.5px dashed #98a2ad;font-size:10px;color:#667;padding:2px 0;background:#fff} .hs-cut{display:flex;justify-content:center;align-items:center;gap:8px;border-top:2.5px dashed #98a2ad;font-size:10px;color:#667;padding:2px 0;background:#fff}