From 1a2da6e0aabcae0b7ab66304d743dcd1c62eb3d6 Mon Sep 17 00:00:00 2001 From: Siyana Todorova Date: Mon, 22 Jan 2024 12:14:55 +0200 Subject: [PATCH] fix(ui5-side-navigation): correct text placement on items without icon Fixes #8131 --- packages/fiori/src/themes/SideNavigation.css | 5 +++++ packages/fiori/src/themes/base/SideNavigation-parameters.css | 1 + 2 files changed, 6 insertions(+) diff --git a/packages/fiori/src/themes/SideNavigation.css b/packages/fiori/src/themes/SideNavigation.css index 9e4e255566a2..03eec3749df0 100644 --- a/packages/fiori/src/themes/SideNavigation.css +++ b/packages/fiori/src/themes/SideNavigation.css @@ -250,6 +250,11 @@ font-weight: var(--_ui5_side_navigation_group_text_weight); } +.ui5-sn-item-level1:not(:has(> .ui5-sn-item-icon)), +.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(> .ui5-sn-item-icon)) { + padding-inline-start: var(--_ui5_side_navigation_item_padding_left); +} + .ui5-sn-item-with-expander .ui5-sn-item-icon::after { display: var(--_ui5_side_navigation_triangle_display); content: ""; diff --git a/packages/fiori/src/themes/base/SideNavigation-parameters.css b/packages/fiori/src/themes/base/SideNavigation-parameters.css index 95fe7f3aa174..75a0e7a9301a 100644 --- a/packages/fiori/src/themes/base/SideNavigation-parameters.css +++ b/packages/fiori/src/themes/base/SideNavigation-parameters.css @@ -34,6 +34,7 @@ --_ui5_side_navigation_item_bottom_margin_compact: 0; --_ui5_side_navigation_item_transition: none; --_ui5_side_navigation_item_padding_right: 0.5rem; + --_ui5_side_navigation_item_padding_left: 0.5rem; --_ui5_side_navigation_no_icons_group_padding: 1rem; --_ui5_side_navigation_no_icons_nested_item_padding: 1rem; --_ui5_side_navigation_item_focus_border_offset: 1px;