[FIX] web + hr: Kanban view fix o_text_overflow

Fix o_text_overflow class (in contact for example).
Add class o_text_overflow in hr_employee view to avoid email to
be too long.

closes odoo/odoo#36626

Signed-off-by: Romain Libert (rli) <rli@odoo.com>

addons/hr/views/hr_employee_views.xml

@@ -255,7 +255,7 @@
                                <field name="category_ids" widget="many2many_tags" options="{'color_field': 'color'}" groups="hr.group_hr_manager"/>
                                <ul>
                                    <li id="last_login"/>
-                                   <li t-if="record.work_email.raw_value"><field name="work_email" /></li>
+                                   <li t-if="record.work_email.raw_value" class="o_text_overflow"><field name="work_email" /></li>
                                    <li t-if="record.work_phone.raw_value"><field name="work_phone" /></li>
                                </ul>
                            </div>

addons/web/static/src/scss/kanban_view.scss

@@ -336,6 +336,10 @@
 
         .oe_kanban_details {
             width: 100%;
+
+            // Useful for the class 'o_text_overflow'
+            min-width: 0;
+
             ul {
                 margin-bottom: $o-kanban-inner-hmargin*0.5;;
                 padding-left: 0;