From 917311f2dea76039ff919a8075a05f7ccfcaaaf1 Mon Sep 17 00:00:00 2001 From: Nikola Anachkov Date: Mon, 18 May 2026 11:06:48 +0300 Subject: [PATCH 1/2] feat(ui5-shellbar): align padding and logo styles with VD spec --- packages/fiori/src/themes/ShellBarBranding.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/fiori/src/themes/ShellBarBranding.css b/packages/fiori/src/themes/ShellBarBranding.css index a6cd7e7b3542..7d33ca66f7f6 100644 --- a/packages/fiori/src/themes/ShellBarBranding.css +++ b/packages/fiori/src/themes/ShellBarBranding.css @@ -10,7 +10,7 @@ overflow: hidden; display: flex; align-items: center; - padding-block: 0.25rem; + padding-block: 0.125rem; padding-inline: 0.25rem 0.5rem; box-sizing: border-box; cursor: pointer; @@ -55,7 +55,7 @@ overflow: hidden; display: flex; align-items: center; - padding: .25rem .5rem .25rem .25rem; + padding: 0.125rem 0.5rem 0.125rem 0.25rem; box-sizing: border-box; cursor: pointer; background: var(--sapButton_Lite_Background); @@ -67,6 +67,7 @@ ::slotted([slot="logo"]) { max-height: 2rem; + width: auto; padding-inline: 0.25rem; vertical-align: middle; } From 8f632f4a9483b086461d2f4e1a817da1510c555c Mon Sep 17 00:00:00 2001 From: Nikola Anachkov Date: Wed, 20 May 2026 14:34:04 +0300 Subject: [PATCH 2/2] feat: align with spec --- packages/fiori/src/themes/ShellBarBranding.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/fiori/src/themes/ShellBarBranding.css b/packages/fiori/src/themes/ShellBarBranding.css index 7d33ca66f7f6..b1962c15533c 100644 --- a/packages/fiori/src/themes/ShellBarBranding.css +++ b/packages/fiori/src/themes/ShellBarBranding.css @@ -10,6 +10,7 @@ overflow: hidden; display: flex; align-items: center; + height: 2.25rem; padding-block: 0.125rem; padding-inline: 0.25rem 0.5rem; box-sizing: border-box; @@ -19,7 +20,7 @@ color: var(--sapShell_TextColor); /* fix cutting of the focus outline */ margin-inline-start: 0.125rem; - margin-inline-end: .5rem; + margin-inline-end: 0.5rem; } .ui5-shellbar-branding-root:focus { @@ -55,7 +56,7 @@ overflow: hidden; display: flex; align-items: center; - padding: 0.125rem 0.5rem 0.125rem 0.25rem; + padding: 0.125rem 0.25rem 0.125rem 0.25rem; box-sizing: border-box; cursor: pointer; background: var(--sapButton_Lite_Background); @@ -66,8 +67,9 @@ } ::slotted([slot="logo"]) { - max-height: 2rem; + max-height: 1.875rem; width: auto; + padding-block: 0.0625rem; padding-inline: 0.25rem; vertical-align: middle; }