[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>
This commit is contained in:
Brieuc-brd
2023-10-31 10:33:58 +00:00
parent b3369c42bb
commit d786992973
2 changed files with 5 additions and 5 deletions
@@ -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>
+2 -2
View File
@@ -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>