fix(ui5-li-tree): fixed incorrect display of the text (#3086)

plamenivanov91 · web-flow · commit 684ccbf995b4 · 2021-04-02T14:44:52.000+03:00
While the TreeListItem is in its _minimal state (with no visible
text), the text was still taking space, causing incorrect alignment
of the icons. Now the text is not rendered when we are in _minimal state
which results in proper alignment of the icons.
diff --git a/packages/main/src/themes/TreeListItem.css b/packages/main/src/themes/TreeListItem.css
@@ -7,7 +7,8 @@
 }
 
 :host([_minimal]) .ui5-li-tree-toggle-box {
-    width: 0;
+	width: 0;
+	min-width: 0;
 }
 
 :host([_minimal]) .ui5-li-icon {

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,8 @@`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`:host([_minimal]) .ui5-li-tree-toggle-box {`
`10`		`- width: 0;`
	`10`	`+ width: 0;`
	`11`	`+ min-width: 0;`
`11`	`12`	`}`
`12`	`13`
`13`	`14`	`:host([_minimal]) .ui5-li-icon {`