[FIX] payment(_demo): fix tags display in payment forms
Due to migration from Bootstrap 4 to 5, rounded badges look bad. No unification of badge styles, some are rounded and some are squared. Tags style should be unified and adjusted for Bootstrap 5 with this commit. task-3001057 closes odoo/odoo#103099 X-original-commit: 611e2f20f975c590eb75d64379be84dd4cc472ef Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
This commit is contained in:
committed by
Antoine Vandevenne (anv)
parent
4de6e78067
commit
7b7795195f
@@ -61,17 +61,17 @@
|
||||
</span>
|
||||
<!-- === "Test Mode" badge === -->
|
||||
<span t-if="provider.state == 'test'"
|
||||
class="rounded-pill text-bg-warning ms-1">
|
||||
class="badge rounded-pill text-bg-warning ms-1">
|
||||
Test Mode
|
||||
</span>
|
||||
<!-- === "Unpublished" badge === -->
|
||||
<span t-if="not provider.is_published"
|
||||
class="badge text-bg-danger ms-1">
|
||||
class="badge rounded-pill text-bg-danger ms-1">
|
||||
Unpublished
|
||||
</span>
|
||||
<!-- === Extra fees badge === -->
|
||||
<t t-if="fees_by_provider.get(provider)">
|
||||
<span class="rounded-pill text-bg-secondary ms-1">
|
||||
<span class="badge rounded-pill text-bg-secondary ms-1">
|
||||
+ <t t-esc="fees_by_provider.get(provider)"
|
||||
t-options="{'widget': 'monetary', 'display_currency': currency}"/>
|
||||
Fees
|
||||
@@ -122,7 +122,7 @@
|
||||
<!-- === "V" check mark === -->
|
||||
<t t-call="payment.verified_token_checkmark"/>
|
||||
<!-- === "Unpublished" badge === -->
|
||||
<span t-if="not token.provider_id.is_published" class="badge text-bg-danger ms-1">
|
||||
<span t-if="not token.provider_id.is_published" class="badge rounded-pill text-bg-danger ms-1">
|
||||
Unpublished
|
||||
</span>
|
||||
</label>
|
||||
@@ -205,12 +205,12 @@
|
||||
</span>
|
||||
<!-- === "Test Mode" badge === -->
|
||||
<span t-if="provider.state == 'test'"
|
||||
class="rounded-pill text-bg-warning"
|
||||
class="badge rounded-pill text-bg-warning"
|
||||
style="margin-left:5px">
|
||||
Test Mode
|
||||
</span>
|
||||
<!-- === "Unpublished" badge === -->
|
||||
<span t-if="not provider.is_published" class="badge text-bg-danger">
|
||||
<span t-if="not provider.is_published" class="badge rounded-pill text-bg-danger">
|
||||
Unpublished
|
||||
</span>
|
||||
</label>
|
||||
@@ -256,7 +256,7 @@
|
||||
<t t-call="payment.verified_token_checkmark"/>
|
||||
<!-- === "Unpublished" badge === -->
|
||||
<span t-if="not token.provider_id.is_published and token.env.user._is_internal()"
|
||||
class="badge text-bg-danger ms-1">
|
||||
class="badge rounded-pill text-bg-danger ms-1">
|
||||
Unpublished
|
||||
</span>
|
||||
</label>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<template id="verified_token_checkmark" inherit_id="payment.verified_token_checkmark">
|
||||
<xpath expr="//t[@name='payment_demo_hook']" position="replace">
|
||||
<t t-if="token.provider_code=='demo'">
|
||||
<span class="badge text-bg-warning">Demo Token</span>
|
||||
<span class="badge rounded-pill text-bg-warning">Demo Token</span>
|
||||
</t>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user