From 409d56f6bacadd19dbc4c811836e1abc8e7527eb Mon Sep 17 00:00:00 2001
From: "Maruan Aguerdouh (magm)" <magm@odoo.com>
Date: Tue, 17 Jan 2023 09:41:20 +0000
Subject: [PATCH] [FIX] point_of_sale: fix cash move popup currency display not
 overlapping

Steps to reproduce:

- Add Switzerland Accounting, go to the CH Company and create a PoS.
- Go to the PoS and go to the Cash In/Out in the top bar.
- Start introducing a value in the input field.

Issue:

The field is only made to 1 character as a currency symbol, so when the
currency has more than 1 it will overlap with the values in the input.

Solution:

Added a new class to put currencies above one symbol to the left,
and we keep the rest as it was.

opw-3121266

closes odoo/odoo#110694

X-original-commit: e8a29a53f7db681d9cb94dc88ab7887a0d4d2f61
Signed-off-by: Trinh Jacky (trj) <trj@odoo.com>
---
 addons/point_of_sale/static/src/scss/pos.scss             | 8 ++++++++
 .../point_of_sale/static/src/xml/Popups/CashMovePopup.xml | 7 ++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/addons/point_of_sale/static/src/scss/pos.scss b/addons/point_of_sale/static/src/scss/pos.scss
index b84567fa7ed..c463216dfb2 100644
--- a/addons/point_of_sale/static/src/scss/pos.scss
+++ b/addons/point_of_sale/static/src/scss/pos.scss
@@ -3768,6 +3768,14 @@ td {
     top: 10px;
 }
 
+.cash-move .input-amount .input-field span.left-currency {
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    background-color: #fff;
+    padding-right: 8px;
+}
+
 .cash-move textarea {
     resize: none;
     margin-top: 10px;
diff --git a/addons/point_of_sale/static/src/xml/Popups/CashMovePopup.xml b/addons/point_of_sale/static/src/xml/Popups/CashMovePopup.xml
index 0eb6c7c6e17..bf096f53925 100644
--- a/addons/point_of_sale/static/src/xml/Popups/CashMovePopup.xml
+++ b/addons/point_of_sale/static/src/xml/Popups/CashMovePopup.xml
@@ -14,7 +14,12 @@
                         </span>
                         <div class="input-field">
                             <input type="number" name="amount" t-model="state.inputAmount" t-ref="input-amount-ref" t-on-keypress="_onAmountKeypress"/>
-                            <span class="currency" t-esc="env.pos.currency.symbol" />
+                            <t t-if="env.pos.currency.symbol.length > 1">
+                                <span class="left-currency" t-esc="env.pos.currency.symbol" />
+                            </t>
+                            <t t-else="">
+                                <span class="currency" t-esc="env.pos.currency.symbol" />
+                            </t>
                         </div>
                     </div>
                     <textarea name="reason" t-model="state.inputReason" placeholder="Reason"></textarea>