From e0c9ed18bd37f3d84a0dede64f8620b74aa48165 Mon Sep 17 00:00:00 2001
From: "Adesh Jolhe (adjo)" <adjo@odoo.com>
Date: Mon, 5 Sep 2022 07:39:18 +0000
Subject: [PATCH] [IMP] rating: highlight the selected rating in submit page

This commit reinforces the highlight of the selected rating by adding
increasing its size and muting unselected ratings.

task-2918757

closes odoo/odoo#93676

Related: odoo/upgrade#3593
Related: odoo/enterprise#28419
Signed-off-by: Laurent Stukkens (ltu) <ltu@odoo.com>
---
 addons/rating/static/src/scss/rating_templates.scss | 6 +++---
 addons/rating/views/rating_templates.xml            | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/addons/rating/static/src/scss/rating_templates.scss b/addons/rating/static/src/scss/rating_templates.scss
index 0429aea41f6..bbd4cb23b91 100644
--- a/addons/rating/static/src/scss/rating_templates.scss
+++ b/addons/rating/static/src/scss/rating_templates.scss
@@ -6,6 +6,7 @@
         margin-left: 0 !important;
     }
     .o_rating_label {
+        opacity: 0.5;
         &:hover {
             transform: scale(1.1);
         }
@@ -18,9 +19,8 @@
     }
 
     .btn-check:checked + .o_rating_label {
-        filter: drop-shadow(0 0 10px rgba(0,0,0,0.25));
-        -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.25));
-        transform: scale(1.1);
+        transform: scale(1.2);
+        opacity: 1;
         img {
             &.bg-white:hover,
             &.bg-white:focus {
diff --git a/addons/rating/views/rating_templates.xml b/addons/rating/views/rating_templates.xml
index 3917dea3a3d..860e2834d42 100644
--- a/addons/rating/views/rating_templates.xml
+++ b/addons/rating/views/rating_templates.xml
@@ -36,7 +36,8 @@
                                            t-att-for="'rate_%s' % (rate_name)">
                                         <img t-attf-src='/rating/static/src/img/rating_#{rate_name}.svg'
                                              t-att-alt="rate_name_value"
-                                             t-att-title="rate_name_value"/>
+                                             t-att-title="rate_name_value"
+                                             t-attf-class="o_{{rate_name_value.lower()}}"/>
                                     </label>
                                 </t>
                             </div>