pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] website_slides: add o_avatar to User Avatar template

Browse Source 
Prior to this commit, if the avatar image didn't have a 1:1 ratio,
the `rounded-circle` image would be oval instead of the intended circle.
To fix this we add the `o_avatar` class to the `img`, and since this
class already contains `object-fit: cover` from the element's inline
styles.

closes odoo/odoo#143109

Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
This commit is contained in:
Elisabeth Dickinson
2023-12-04 11:58:11 +00:00
parent e8477eb90a
commit 15295e317f
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website_slides/views/website_slides_templates_course.xml
+1 -1
View File
@@ -404,7 +404,7 @@
t-att-data-visibility="channel.visibility">
<t t-call="website_slides.slides_misc_user_image">
<t t-set="img_class" t-value="'rounded-circle me-1'"/>
<t t-set="img_style" t-value="'width: 1.4em; height: 1.4em; object-fit: cover;'"/>
<t t-set="img_style" t-value="'width: 1.4em; height: 1.4em;'"/>
</t>
<h6 class="d-flex flex-grow-1 my-0">You're enrolled</h6>
<i class="fa fa-check"/>
addons/website_slides/views/website_slides_templates_homepage.xml
+3 -3
View File
@@ -74,7 +74,7 @@
<div class="d-flex align-items-center">
<t t-call="website_slides.slides_misc_user_image">
<t t-set="img_class" t-value="'rounded-circle me-1'"/>
<t t-set="img_style" t-value="'width: 22px; height: 22px; object-fit: cover;'"/>
<t t-set="img_style" t-value="'width: 22px; height: 22px;'"/>
</t>
<h5 t-esc="user.name" class="d-flex flex-grow-1 mb-0"/>
<a class="d-none d-lg-block" t-att-href="'/profile/user/%s' % user.id">View</a>
@@ -507,8 +507,8 @@
</template>
<template id='slides_misc_user_image' name="User Avatar">
<img t-att-class="img_class if img_class else 'rounded-circle float-start'"
t-att-style="img_style if img_style else 'width: 32px; height: 32px; object-fit: cover;'"
<img t-attf-class="o_avatar {{img_class or 'rounded-circle float-start'}}"
t-att-style="img_style if img_style else 'width: 32px; height: 32px;'"
t-att-src="'/profile/avatar/%s?field=avatar_128' % user.id"
t-att-alt="user.name"/>
</template>