fix(ui5-li-tree): fixed incorrect background of selected item (#3072)

plamenivanov91 · web-flow · commit bb5d65fdc881 · 2021-04-01T17:42:48.000+03:00
The background of the selected items on level 2 and higher was wrong. Now it's aligned with specification. Fixes: #2978
diff --git a/packages/main/src/themes/TreeListItem.css b/packages/main/src/themes/TreeListItem.css
@@ -41,7 +41,6 @@
     padding-left: 0;
 }
 
-:host([selected][has-border]:not([level="1"])),
 :host(:not([level="1"])) {
     border-bottom: none;
 }
@@ -55,7 +54,7 @@
     cursor: pointer;
 }
 
-:host(:not([level="1"])) .ui5-li-root-tree {
+:host(:not([level="1"]):not([selected])) .ui5-li-root-tree {
     background: var(--sapList_AlternatingBackground);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,6 @@`
`41`	`41`	`padding-left: 0;`
`42`	`42`	`}`
`43`	`43`
`44`		`-:host([selected][has-border]:not([level="1"])),`
`45`	`44`	`:host(:not([level="1"])) {`
`46`	`45`	`border-bottom: none;`
`47`	`46`	`}`
`@@ -55,7 +54,7 @@`
`55`	`54`	`cursor: pointer;`
`56`	`55`	`}`
`57`	`56`
`58`		`-:host(:not([level="1"])) .ui5-li-root-tree {`
	`57`	`+:host(:not([level="1"]):not([selected])) .ui5-li-root-tree {`
`59`	`58`	`background: var(--sapList_AlternatingBackground);`
`60`	`59`	`}`
`61`	`60`