fix(ui5-combobox): add gap between text and additional-text (#10341)

MapTo0 · web-flow · commit 373ecbc7cb2e · 2024-12-10T14:18:08.000+02:00
FIXES: #9450
diff --git a/packages/main/src/themes/ComboBoxItem.css b/packages/main/src/themes/ComboBoxItem.css
@@ -11,4 +11,8 @@
 	padding-bottom: .875rem;
 	padding-top: .875rem;
 	box-sizing: border-box;
+}
+
+:host([ui5-cb-item][text][additional-text]) .ui5-li-text-wrapper {
+	gap: 1rem;
 }
diff --git a/packages/main/test/pages/styles/Input.css b/packages/main/test/pages/styles/Input.css
@@ -47,7 +47,7 @@
 .titles-wrapper {
 	margin-inline-start: 1rem;
 	margin-inline-end: 1rem;
-	width: 10rem;
+	flex: 1;
 }
 
 .status ui5-text {

Original file line number	Diff line number	Diff line change
`@@ -11,4 +11,8 @@`
`11`	`11`	`padding-bottom: .875rem;`
`12`	`12`	`padding-top: .875rem;`
`13`	`13`	`box-sizing: border-box;`
	`14`	`+}`
	`15`	`+`
	`16`	`+:host([ui5-cb-item][text][additional-text]) .ui5-li-text-wrapper {`
	`17`	`+ gap: 1rem;`
`14`	`18`	`}`