Skip to content

Commit 37deaba

Browse files
fix(ui5-shellbar-search): consistent touch target size (#11974)
Same touch target for shell bar search icon as the other icon buttons in the shell bar.
1 parent fecbc81 commit 37deaba

File tree

2 files changed

+5
-0
lines changed

2 files changed

+5
-0
lines changed

packages/fiori/src/themes/SearchField.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -205,10 +205,14 @@
205205
.ui5-shell-search-field-button:not([design="Emphasized"]) {
206206
color: var(--sapShell_InteractiveTextColor);
207207
background-color: var(--_ui5-search-elements-background);
208+
min-width: var(--_ui5_search_icon_size_default);
209+
height: var(--_ui5_search_icon_size_default);
208210
}
209211

210212
.ui5-shell-search-field-button:not([design="Emphasized"]):hover {
211213
background-color: var(--sapShell_Hover_Background);
214+
border-color: var(--sapButton_Lite_Hover_BorderColor);
215+
border-radius: var(--_ui5_shellbar_button_border_radius);
212216
}
213217

214218
/* copy paste all button styles - could be simplified */

packages/fiori/src/themes/base/SearchField-parameters.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@
1919
--_ui5-search-filter_button_background_color: inherit;
2020
--ui5_search_filter_button_background_active: inherit;
2121
--_ui5_search_icon_size: 1.75rem;
22+
--_ui5_search_icon_size_default: 2.25rem;
2223
--_ui5_search_icon_padding: 0.375rem;
2324
--_ui5_search_icon_hover_padding: 0.3125rem;
2425
--_ui5_search_input_start_margin: 0;

0 commit comments

Comments
 (0)