From c7e6f07dc96c385eef902629b2d255755cfdb8fc Mon Sep 17 00:00:00 2001 From: PetyaMarkovaBogdanova Date: Mon, 19 Jul 2021 15:35:47 +0300 Subject: [PATCH] fix(ui5-shellbar): Fix unnecessary cutting space on left side (#3513) Make limitation of the space (equal on both sides) to be applied only when the coPilot logo is appearing to visually "divide" the Shellbar. Fixes: #3501 --- packages/fiori/src/themes/ShellBar.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/fiori/src/themes/ShellBar.css b/packages/fiori/src/themes/ShellBar.css index f309f074d03a..4e1ca20e3ea2 100644 --- a/packages/fiori/src/themes/ShellBar.css +++ b/packages/fiori/src/themes/ShellBar.css @@ -231,13 +231,14 @@ slot[name="profile"] { } .ui5-shellbar-overflow-container-left { - max-width: calc(50% - 1.5rem); + justify-content: flex-start; margin-right: 0.5rem; } .ui5-shellbar-with-coPilot .ui5-shellbar-overflow-container-left { flex-basis: 50%; + max-width: calc(50% - 1.5rem); } .ui5-shellbar-menu-button { @@ -408,6 +409,7 @@ slot[name="profile"] { pointer-events: none; } + /** * IE styles */