From 9efcdd707e8dd76b4e9ff3af02baddd9b75db7e8 Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Tue, 11 Jul 2023 06:36:37 +0000
Subject: [PATCH] [FIX] web: CP: long and clipped breadcrumb

=== ISSUE 1 ===

When the Control Panel breadcrumb was not displayed (eg. after reloading
the page), the name of the last element was used. In this case, the name
was not truncated and could create a layout issue if it was too long.

=== ISSUE 2 ===

The breadcrumb was clipped on Firefox, letters such as "p", "j" or "y"
where partially hidden. This was due to the combination of a too small
line-height and the `overflow: hidden` applied on `breadcrumb-item > a`.

This commit fixes these issues.

task-3420194
Part of task-3326263

closes odoo/odoo#128582

X-original-commit: abbbaee7bd591285cef98275da931fd8a8f073cd
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
---
 .../web/static/src/search/control_panel/control_panel.xml   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/addons/web/static/src/search/control_panel/control_panel.xml b/addons/web/static/src/search/control_panel/control_panel.xml
index 141048a2104..2b8662d09c4 100644
--- a/addons/web/static/src/search/control_panel/control_panel.xml
+++ b/addons/web/static/src/search/control_panel/control_panel.xml
@@ -88,7 +88,7 @@
                 </button>
             </t>
             <t t-else="">
-                <ol class="breadcrumb flex-nowrap text-nowrap small lh-1">
+                <ol class="breadcrumb flex-nowrap text-nowrap small lh-sm">
                     <li t-if="collapsedBreadcrumbs.length" class="breadcrumb-item d-inline-flex min-w-0">
                         <Dropdown togglerClass="'btn btn-light btn-sm p-0'">
                             <t t-set-slot="toggler">
@@ -108,7 +108,7 @@
                     </t>
                 </ol>
             </t>
-            <div class="d-flex gap-1">
+            <div class="d-flex gap-1 text-truncate">
                 <div class="o_last_breadcrumb_item active d-flex gap-2 align-items-center min-w-0 lh-sm">
                     <span class="min-w-0 text-truncate" t-call="web.Breadcrumb.Name"/>
                 </div>
@@ -116,7 +116,7 @@
             </div>
         </div>
 
-        <div t-else="" class="o_breadcrumb d-flex gap-1">
+        <div t-else="" class="o_breadcrumb d-flex gap-1 text-truncate">
             <div class="o_last_breadcrumb_item active d-flex fs-4 min-w-0 align-items-center">
                 <span class="min-w-0 text-truncate" t-call="web.Breadcrumb.Name"/>
             </div>