From 598ffb960d5bd3b56f66eac68420895f858b6db6 Mon Sep 17 00:00:00 2001 From: "Martin R. Hristov" Date: Mon, 9 Dec 2024 17:00:37 +0200 Subject: [PATCH] fix(ui5-combobox): add gap between text and additional-text FIXES: #9450 --- packages/main/src/themes/ComboBoxItem.css | 4 ++++ packages/main/test/pages/styles/Input.css | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/main/src/themes/ComboBoxItem.css b/packages/main/src/themes/ComboBoxItem.css index c500bb0dd498..4f18db1cf5ef 100644 --- 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; } \ No newline at end of file diff --git a/packages/main/test/pages/styles/Input.css b/packages/main/test/pages/styles/Input.css index 927f69767acb..8590a159ef72 100644 --- 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 {