From 5cae0c0fe574da4d1502cb60815863a9edda8d65 Mon Sep 17 00:00:00 2001
From: "stefanorigano (SRI)" <sri@odoo.com>
Date: Tue, 12 Oct 2021 14:27:38 +0000
Subject: [PATCH] [FIX] website_sale_comparison: remove blurred undesired
 effect

Prior to to commit the comparison-box's opacity was set to 0.95 in the
attempt to show underneath content while keeping the box visible (and
readable).

Unfortunately this value was no transparent enough to read underneath
content but was just causing text to appear "blurred".

task#2667024

Part-of: odoo/odoo#79651
---
 .../static/src/scss/website_sale_comparison.scss       | 10 +---------
 .../static/src/xml/comparison.xml                      |  4 ++--
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/addons/website_sale_comparison/static/src/scss/website_sale_comparison.scss b/addons/website_sale_comparison/static/src/scss/website_sale_comparison.scss
index 10f0fa115cb..4bcb4389e1b 100644
--- a/addons/website_sale_comparison/static/src/scss/website_sale_comparison.scss
+++ b/addons/website_sale_comparison/static/src/scss/website_sale_comparison.scss
@@ -4,15 +4,7 @@
     left: 50%;
     transform: translateX(-50%);
     z-index:10;
-    border-top-left-radius: 10px;
-    border-top-right-radius: 10px;
-    border-bottom: 0px;
-    padding: 10px 20px;
-    text-align: center;
-    border: 2px solid theme-color('primary');
-    border-bottom: 0px;
-    background-color: white;
-    opacity: 0.95;
+    border: 2px solid;
 
     .o_product_panel {
         position: relative;
diff --git a/addons/website_sale_comparison/static/src/xml/comparison.xml b/addons/website_sale_comparison/static/src/xml/comparison.xml
index 800cdddb04a..a4ae2bb6071 100644
--- a/addons/website_sale_comparison/static/src/xml/comparison.xml
+++ b/addons/website_sale_comparison/static/src/xml/comparison.xml
@@ -1,9 +1,9 @@
 <templates id="compare_products" xml:space="preserve">
 
     <t t-name="product_comparison_template">
-        <div class="o_product_feature_panel d-none css_editable_mode_hidden o_bottom_fixed_element">
+        <div class="o_product_feature_panel d-none css_editable_mode_hidden o_bottom_fixed_element bg-white rounded-top border-primary border-bottom-0 px-3 py-2">
             <span class="o_product_panel" id="comparelist">
-                <span class="o_product_panel_header">
+                <span class="o_product_panel_header text-center">
                     <span class="o_product_icon"><i class="fa fa-exchange" role="img" aria-label="Product" title="Product"></i></span>
                     <span class="o_product_text">Compare</span>
                     <span class="o_product_circle o_animate_blink badge badge-primary">0</span>