[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:
Anita (anko)
2022-10-11 18:56:07 +02:00
committed by Antoine Vandevenne (anv)
parent 4de6e78067
commit 7b7795195f
2 changed files with 8 additions and 8 deletions
+7 -7
View File
@@ -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>