From d7869929734175edeefa849f9c2693f1ac794a8e Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Tue, 31 Oct 2023 09:25:31 +0100
Subject: [PATCH] [FIX] payment: adapt long payment summary

Prior to this commit, the content of the payment summary did not include
line breaks when the text was too long, creating layout issue.

To fix that, this commit adapts the font size and forces the text to
break.

task-3576830

closes odoo/odoo#140423

Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
---
 addons/payment/static/src/xml/payment_post_processing.xml | 6 +++---
 addons/payment/views/portal_templates.xml                 | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/addons/payment/static/src/xml/payment_post_processing.xml b/addons/payment/static/src/xml/payment_post_processing.xml
index e3d29ab4888..4390439d88d 100644
--- a/addons/payment/static/src/xml/payment_post_processing.xml
+++ b/addons/payment/static/src/xml/payment_post_processing.xml
@@ -61,17 +61,17 @@
                     </label>
                     <span id="o_payment_summary_amount"
                           t-out="formatCurrency(amount, currency_id)"
-                          class="fs-4 fw-bold"
+                          class="fs-5 fw-bold"
                     />
                 </div>
                 <hr class="d-md-none m-0 text-300 opacity-100"/>
-                <div class="o_payment_summary_separator col py-3">
+                <div class="o_payment_summary_separator col py-3 text-break">
                     <label for="o_payment_summary_reference" class="d-block small text-muted">
                         Reference
                     </label>
                     <span id="o_payment_summary_reference"
                           t-out="reference"
-                          class="fs-4 fw-bold"
+                          class="fs-5 fw-bold"
                     />
                 </div>
             </div>
diff --git a/addons/payment/views/portal_templates.xml b/addons/payment/views/portal_templates.xml
index cbdc5c9a370..31092047c05 100644
--- a/addons/payment/views/portal_templates.xml
+++ b/addons/payment/views/portal_templates.xml
@@ -254,7 +254,7 @@
         -->
         <t t-set="options" t-value="options or {'widget': 'string'}"/>
         <hr t-if="include_separator" class="d-md-none m-0 text-300 opacity-100"/>
-        <div t-att-class="'col my-3'
+        <div t-att-class="'col my-3 text-break'
                           + (' o_payment_summary_separator' if include_separator else '')"
         >
             <label t-attf-for="o_payment_summary_{{name}}"
@@ -264,7 +264,7 @@
             <span t-attf-id="o_payment_summary_{{name}}"
                   t-out="value"
                   t-options="options"
-                  class="fs-4 fw-bold"
+                  class="fs-5 fw-bold"
             />
         </div>
     </template>