From eae922f1d2ed823738885629cb781fb9c39b2af9 Mon Sep 17 00:00:00 2001
From: Suherdy Yacob <suherdy.yacob@mapan.co.id>
Date: Mon, 1 Jun 2026 09:37:20 +0700
Subject: [PATCH] fix: adjust print CSS media queries to ensure full-width
 receipt rendering without margins or page styling constraints

---
 static/src/css/receipt.css | 42 +++++++++++++++++++++++++++++++++-----
 1 file changed, 37 insertions(+), 5 deletions(-)

diff --git a/static/src/css/receipt.css b/static/src/css/receipt.css
index acf1116..be4b267 100644
--- a/static/src/css/receipt.css
+++ b/static/src/css/receipt.css
@@ -1,20 +1,52 @@
 @media print {
     @page {
-        margin-top: 0 !important;
-        margin-right: 0 !important;
-        margin-bottom: 0 !important;
-    }
-    body, html {
         margin: 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 {
         padding-top: 0 !important;
         padding-right: 0 !important;
         padding-bottom: 0 !important;
+        padding-left: 0 !important;
         margin: 0 !important;
         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;
     }
 }