diff --git a/addons/point_of_sale/static/src/css/pos.css b/addons/point_of_sale/static/src/css/pos.css index 09e257d5f06..36ab2b77938 100644 --- a/addons/point_of_sale/static/src/css/pos.css +++ b/addons/point_of_sale/static/src/css/pos.css @@ -1546,9 +1546,6 @@ td { font-size: 13px !important; width: 266px !important; } - .pos .pos-receipts{ - display: none !important; - } .o_debug_manager { display: none !important; } diff --git a/addons/point_of_sale/static/src/css/pos_receipts.css b/addons/point_of_sale/static/src/css/pos_receipts.css index ad064c3d091..53731cc06eb 100644 --- a/addons/point_of_sale/static/src/css/pos_receipts.css +++ b/addons/point_of_sale/static/src/css/pos_receipts.css @@ -1,9 +1,13 @@ .pos-receipt-print { width: 512px; + height: 0; + overflow: hidden; + position: absolute; + left: 0; + top: 0; text-align: left; direction: ltr; font-size: 28px; - padding-bottom: 2em; color: #000000; } @@ -55,11 +59,6 @@ color: red; } -.pos-receipts { - height: 0; - overflow: hidden; -} - .pos-payment-terminal-receipt { text-align: center; font-size: 75%; diff --git a/addons/point_of_sale/static/src/js/printers.js b/addons/point_of_sale/static/src/js/printers.js index dc4072d7079..a18e0831427 100644 --- a/addons/point_of_sale/static/src/js/printers.js +++ b/addons/point_of_sale/static/src/js/printers.js @@ -48,7 +48,11 @@ var PrinterMixin = { var self = this; $('.pos-receipt-print').html(receipt); var promise = new Promise(function (resolve, reject) { - html2canvas($('.pos-receipt-print')[0], { + self.receipt = $('.pos-receipt-print>.pos-receipt'); + html2canvas(self.receipt[0], { + onparsed: function(queue) { + queue.stack.ctx.height = Math.ceil(self.receipt.outerHeight() + self.receipt.offset().top); + }, onrendered: function (canvas) { $('.pos-receipt-print').empty(); resolve(self.process_canvas(canvas));