fix(ui5-side-navigation): correct hover styles of selected items (#11319)

s-todorova · web-flow · commit 3ce13c8b6a98 · 2025-04-22T08:49:50.000+03:00
fixes: #11297
diff --git a/packages/fiori/src/themes/SideNavigationItemBase.css b/packages/fiori/src/themes/SideNavigationItemBase.css
@@ -114,7 +114,7 @@ and there is an additional border that appears on hover. */
 	cursor: unset;
 }
 
-:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):hover {
+:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover {
 	background: var(--sapList_Hover_Background);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -114,7 +114,7 @@ and there is an additional border that appears on hover. */`
`114`	`114`	`cursor: unset;`
`115`	`115`	`}`
`116`	`116`
`117`		`-:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):hover {`
	`117`	`+:host(:not([ui5-side-navigation-item][in-popover][unselectable])) .ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover {`
`118`	`118`	`background: var(--sapList_Hover_Background);`
`119`	`119`	`}`
`120`	`120`