[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,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 {

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>