[FIX] web: fix control panel long breadcrumb

Issue

	- Install CRM and Events
	- Change Azure Interior Name with a
	  very long string
	- Click on "1 Events" smart button

	The view is shifted out of the screen

Cause

	In 12.0, the control panel was separated
	with 2 div where width = 50%

	Now they use flex. (they are still 50% width
	by default)

	The long name is hidden by a `overflow:hidden`
	and there is a `text-overflow: ellipsis` to
	avoid extra-width issue.

	The problem is that there is a `white-space:
	no-wrap;` which force an extra width and
	this cause the shifting.

Solution

	We come back to the 50% even if there is no search view.
	Breadcrumb will always be on the top left area of the screen
	which simplifies the code and avoid jumping left to right
	(taking all the width of the screen) which can be disturbing
	for users.

closes #47063

OPW-2210786

closes odoo/odoo#47603

X-original-commit: 019dc91020a461263c29004ef0c304a8f91abae9
Related: odoo/enterprise#9219
Signed-off-by: Jason Van Malder (jvm) <jvm@odoo.com>

1 files changed, 4 insertions, 11 deletions

diff --git a/addons/web/static/src/scss/control_panel.scss b/addons/web/static/src/scss/control_panel.scss
index 77def271d55..2e7be4eb9e8 100644
--- a/addons/web/static/src/scss/control_panel.scss
+++ b/addons/web/static/src/scss/control_panel.scss
@@ -6,17 +6,14 @@
 
     > div {
         display: flex;
-        justify-content: space-between;
         min-height: 30px;
         margin: 5px 0px;
     }
 
-    .breadcrumb, .o_cp_left {
-        flex: 1 1 auto;
-    }
-
-    .o_cp_searchview, .o_cp_right {
-        flex: 0 0 50%;
+    @include media-breakpoint-up(md) {
+        .breadcrumb, .o_cp_left, .o_cp_searchview, .o_cp_right {
+            width: 50%;
+        }
     }
 
     .breadcrumb {
@@ -24,10 +21,6 @@
 
         > li {
             @include o-text-overflow($max-width: 90%);
-
-            > a {
-                cursor: pointer;
-            }
         }
     }