From 9351b2a5eb060cbea097ea4116ae29cfa2652dee Mon Sep 17 00:00:00 2001
From: Benjamin Vray <bvr@odoo.com>
Date: Wed, 6 Dec 2023 11:00:12 +0100
Subject: [PATCH] [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>
---
 .../static/src/scss/product_configurator.scss | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/addons/website_sale/static/src/scss/product_configurator.scss b/addons/website_sale/static/src/scss/product_configurator.scss
index 57331719098..95bdc5e9cd3 100644
--- a/addons/website_sale/static/src/scss/product_configurator.scss
+++ b/addons/website_sale/static/src/scss/product_configurator.scss
@@ -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 {