[FIX] sale: fix product configurator badge style

Since commit [1], we've applied a style to the badges (Bootstrap badge)
which display extra prices next to a product's variants.

However, this style unintentionally affected certain badges that should
not have been affected since this other commit [2].

Steps to reproduce the bug:

- Open the Website app.
- Go to "Configuration" in the main navbar.
- Select "Payment Providers" in the dropdown.
- Pick the "Demo" payment provider.
- Change the state to "Test Mode."
- Set "Bank" as the "Payment Journal".
- Go to the "/shop" page.
- Click on a product.
- Click on "Add to Cart" on the product page.
- Go to the cart and click on "Process Checkout".
- Bug: On the "/shop/payment" page, notice a slight text misalignment in
the badges next to the Payment Providers selector.

In this commit, we've adjusted the CSS rule to ensure that only product
configurator "extra price" badges receive this styling.

[1]: https://github.com/odoo/odoo/commit/3e03bd9a399d607d0f36c7e7652ee743a7cfe61a
[2]: https://github.com/odoo/odoo/commit/611e2f20f975c590eb75d64379be84dd4cc472ef

task-3626728

closes odoo/odoo#147755

X-original-commit: d30a081016d8547dd9bc7bff1d47d78ef2ceb2cb
Signed-off-by: Guillaume Dieleman (gdi) <gdi@odoo.com>
This commit is contained in:
Benjamin Vray
2023-12-29 16:10:47 +00:00
parent 705b256b8c
commit 9351b2a5eb
@@ -105,23 +105,6 @@ label.css_attribute_color.css_not_available {
}
}
.radio_input_value, select, label {
.badge {
margin-left: 3px;
padding-left: 3px;
}
.sign_badge_price_extra {
display: inline-block;
width: 1rem;
height: 1rem;
color: map-get($theme-colors, 'primary');
background: white;
line-height: 1rem;
border-radius: 50%;
}
}
.variant_attribute {
padding-bottom: 1rem;
@@ -204,6 +187,23 @@ label.css_attribute_color.css_not_available {
opacity: 0;
}
}
.radio_input_value, select, label {
.badge {
margin-left: 3px;
padding-left: 3px;
}
.sign_badge_price_extra {
display: inline-block;
width: 1rem;
height: 1rem;
color: map-get($theme-colors, 'primary');
background: white;
line-height: 1rem;
border-radius: 50%;
}
}
}
.o_product_configurator {