Skip to content

Commit 3c4db68

Browse files
committed
fix(ui5-search-field): correct scope select border and icon sizing
Suppress the Select component's bottom border gradient inside the search field's scope dropdown, and let the search icons fill their container instead of being clamped to 1rem. The gradient was introduced for Horizon theme compliance (#13408) but should not appear in ShellBar context. The fixed 1rem icon size conflicted with the new container-query-based icon sizing (#13569), which left search-related icons rendering smaller than intended. Fixes #13605
1 parent 2608eee commit 3c4db68

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

packages/fiori/src/themes/SearchField.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,8 @@
8787
--_ui5_select_label_color: var(--sapShell_TextColor);
8888
/* Remove Select's default focus outline without affecting dropdown items */
8989
--_ui5_input_focus_outline_color: transparent;
90+
/* Suppress Select's bottom border gradient inside ShellBar search */
91+
--_ui5_select_bottom_border_gradient: none;
9092
}
9193

9294
[ui5-select]:hover:not(:active):not(:focus-within) {
@@ -261,8 +263,6 @@
261263
}
262264
.ui5-shell-search-field-icon::part(root) {
263265
padding: var(--_ui5_search_icon_padding);
264-
width: 1rem;
265-
height: 1rem;
266266
outline-offset: -0.125rem;
267267
}
268268

0 commit comments

Comments
 (0)