fix(ui5-side-navigation): correct text placement on items without icon (

#8154) Fixes #8131
SAP · Jan 23, 2024 · 6bb45a9 · 6bb45a9
1 parent 94590e1
commit 6bb45a9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git 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
@@ -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;