From 0946207446ef039e99afa5548cc7f24f94319f1a Mon Sep 17 00:00:00 2001 From: Martin Date: Wed, 25 May 2022 16:57:22 +0300 Subject: [PATCH] fix(ui5-multi-combobox): set correct height to items checkboxes (#5216) FIXES: https://github.com/SAP/ui5-webcomponents/issues/5126 --- packages/main/src/MultiComboBox.js | 3 ++- packages/main/src/themes/MultiComboBoxPopover.css | 3 +++ 2 files changed, 5 insertions(+), 1 deletion(-) create mode 100644 packages/main/src/themes/MultiComboBoxPopover.css diff --git a/packages/main/src/MultiComboBox.js b/packages/main/src/MultiComboBox.js index 05baa8ccc74c..0fa22678db97 100644 --- a/packages/main/src/MultiComboBox.js +++ b/packages/main/src/MultiComboBox.js @@ -72,6 +72,7 @@ import styles from "./generated/themes/MultiComboBox.css.js"; import ResponsivePopoverCommonCss from "./generated/themes/ResponsivePopoverCommon.css.js"; import ValueStateMessageCss from "./generated/themes/ValueStateMessage.css.js"; import SuggestionsCss from "./generated/themes/Suggestions.css.js"; +import MultiComboBoxPopover from "./generated/themes/MultiComboBoxPopover.css.js"; /** * @public @@ -431,7 +432,7 @@ class MultiComboBox extends UI5Element { } static get staticAreaStyles() { - return [ResponsivePopoverCommonCss, ValueStateMessageCss, SuggestionsCss]; + return [ResponsivePopoverCommonCss, ValueStateMessageCss, SuggestionsCss, MultiComboBoxPopover]; } static get dependencies() { diff --git a/packages/main/src/themes/MultiComboBoxPopover.css b/packages/main/src/themes/MultiComboBoxPopover.css new file mode 100644 index 000000000000..683089c4878a --- /dev/null +++ b/packages/main/src/themes/MultiComboBoxPopover.css @@ -0,0 +1,3 @@ +.ui5-suggestions-popover .ui5-multi-combobox-all-items-list { + --_ui5_checkbox_width_height: var(--_ui5_list_item_dropdown_base_height); +} \ No newline at end of file