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