abdul.aziz/pos_custom_receipt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: adjust print CSS media queries to ensure full-width receipt rendering without margins or page styling constraints

Browse Source
This commit is contained in:
Suherdy Yacob 2026-06-01 09:37:20 +07:00
parent 6ed5aaa2bb
commit eae922f1d2
1 changed files with 37 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
static/src/css/receipt.css
View File

@ -1,20 +1,52 @@
@media print { @media print {
@page { @page {
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
}
body, html {
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
size: auto;
}
html, body {
margin: 0 !important;
padding: 0 !important;
height: auto !important;
overflow: visible !important;
background-color: transparent !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
.pos-receipt-container {
margin: 0 !important;
padding: 0 !important;
height: auto !important;
}
.render-container {
position: static !important;
margin: 0 !important;
padding: 0 !important;
height: auto !important;
}
.render-container-parent {
margin: 0 !important;
padding: 0 !important;
height: auto !important;
} }
.pos-receipt { .pos-receipt {
padding-top: 0 !important; padding-top: 0 !important;
padding-right: 0 !important; padding-right: 0 !important;
padding-bottom: 0 !important; padding-bottom: 0 !important;
padding-left: 0 !important;
margin: 0 !important; margin: 0 !important;
width: 100% !important; width: 100% !important;
max-width: 100% !important; max-width: 100% !important;
border: none !important;
box-shadow: none !important;
background-color: transparent !important;
}
.render-container .pos-receipt {
margin: 0 !important;
padding-bottom: 0 !important;
border: none !important;
width: 100% !important;
max-width: 100% !important;
} }
} }