From f89172974c1f00c0a04551f403521ae305a64bf2 Mon Sep 17 00:00:00 2001
From: MAHAMADASIF ANSARI <maan@odoo.com>
Date: Fri, 18 Mar 2022 06:23:53 +0000
Subject: [PATCH] [FIX] website_{profile,slides}: fix the rank layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

In the current layout that displays user rank in the website profile,
the image overlaps content so the information is not fully readable.

This happens due to wrong value being set as a variable with q-web
directive.

With a recent refactoring (see commit[1]), the `_compile_format`
method replaces % into %%. So in our case, we are trying to set the
width in % (for ex 50%) which is parsed by qweb and converted into
50%%, and thus the CSS property is not applied correctly.

This commit fixes the issue by using `t-value` instead of `t-valuef to
avoid the string formatting related parsing, and thus making sure
that the proper css property is applied.

commit[1] - https://github.com/odoo/odoo/commit/e830953570d5f28aee9bdcdf97af18d3e3246030
task-2792149

closes odoo/odoo#90150

X-original-commit: 97628ef8b5998de546bac44d138ebf5b8a3a43ec
Signed-off-by: Warnon Aurélien (awa) <awa@odoo.com>
---
 addons/website_profile/views/website_profile.xml                | 2 +-
 .../website_slides/views/website_slides_templates_homepage.xml  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/website_profile/views/website_profile.xml b/addons/website_profile/views/website_profile.xml
index d9684ce26ff..b4aa9625c46 100644
--- a/addons/website_profile/views/website_profile.xml
+++ b/addons/website_profile/views/website_profile.xml
@@ -251,7 +251,7 @@
                             <t t-set="next_rank_id" t-value="user._get_next_rank()"/>
                             <small t-if="next_rank_id" class="font-weight-bold mt-1">Next rank:</small>
                             <t t-if="next_rank_id or user.rank_id" t-call="website_profile.profile_next_rank_card">
-                                <t t-set="img_max_width" t-valuef="40%"/>
+                                <t t-set="img_max_width" t-value="'40%'"/>
                             </t>
 
                             <table class="table table-sm w-100" id="o_wprofile_sidebar_table">
diff --git a/addons/website_slides/views/website_slides_templates_homepage.xml b/addons/website_slides/views/website_slides_templates_homepage.xml
index ec1d409048f..a672d89b5cd 100644
--- a/addons/website_slides/views/website_slides_templates_homepage.xml
+++ b/addons/website_slides/views/website_slides_templates_homepage.xml
@@ -476,7 +476,7 @@
         <div t-if="next_rank_id" class="font-weight-bold text-muted mt-1">Next rank:</div>
         <t t-if="next_rank_id or user.rank_id" t-call="website_profile.profile_next_rank_card">
             <t t-set="bg_class" t-valuef="bg-200"/>
-            <t t-set="img_max_width" t-valuef="50%"/>
+            <t t-set="img_max_width" t-value="'50%'"/>
         </t>
         <div t-if="next_rank_id" t-field="next_rank_id.description_motivational"/>
         <div t-else="">Congratulations, you have reached the last rank!</div>