[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:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user