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

[IMP] hr_org_chart: use flexbox

Browse Source 
Use flex on the popover header to better handle long names.

closes odoo/odoo#94236

Taskid: 2888199
Signed-off-by: Kevin Baptiste <kba@odoo.com>
This commit is contained in:
Kevin Baptiste
2022-06-23 09:00:31 +02:00
parent c25f8d94e5
commit 93ed43bcb3
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/hr_org_chart/static/src/scss/hr_org_chart.scss
+1 -2
View File
@@ -255,13 +255,12 @@
// POP OVER
.o_org_chart_popup.popover {
min-width: 200px;
max-width: 400px;
margin-right: 5px;
.popover-header {
height: 47px;
line-height: 33px;
padding-right: 50px;
> a {
@include o-position-absolute($right: 14px);
addons/hr_org_chart/static/src/xml/hr_org_chart.xml
+4 -4
View File
@@ -150,10 +150,10 @@
</t>
<t t-name="hr_orgchart_emp_popover_title">
<div>
<span t-att-style='"background-image:url(\"/web/image/hr.employee.public/" + employee.id + "/avatar_1024/\")"'/>
<a href="#" class="float-right o_employee_redirect" t-att-data-employee-id="employee.id"><i class="fa fa-external-link" role="img" aria-label='Redirect' title="Redirect"></i></a>
<b><t t-esc="employee.name"/></b>
<div class="d-flex align-items-center">
<span class="flex-shrink-0" t-att-style='"background-image:url(\"/web/image/hr.employee.public/" + employee.id + "/avatar_1024/\")"'/>
<b class="flew-grow-1"><t t-esc="employee.name"/></b>
<a href="#" class="ml-auto o_employee_redirect" t-att-data-employee-id="employee.id"><i class="fa fa-external-link" role="img" aria-label='Redirect' title="Redirect"></i></a>
</div>
</t>