fix(ui5-search-field): correct scope select border and icon sizing (#13619)

ivoplashkov · web-flow · commit 64b1feaf93d1 · 2026-06-02T09:05:13.000+03:00
diff --git a/packages/fiori/src/themes/SearchField.css b/packages/fiori/src/themes/SearchField.css
@@ -87,6 +87,8 @@
 	--_ui5_select_label_color: var(--sapShell_TextColor);
 	/* Remove Select's default focus outline without affecting dropdown items */
 	--_ui5_input_focus_outline_color: transparent;
+	/* Suppress Select's bottom border gradient inside ShellBar search */
+	--_ui5_select_bottom_border_gradient: none;
 }
 
 [ui5-select]:hover:not(:active):not(:focus-within) {
@@ -261,8 +263,6 @@
 }
 .ui5-shell-search-field-icon::part(root) {
 	padding: var(--_ui5_search_icon_padding);
-	width: 1rem;
-	height: 1rem;
 	outline-offset: -0.125rem;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -87,6 +87,8 @@`
`87`	`87`	`--_ui5_select_label_color: var(--sapShell_TextColor);`
`88`	`88`	`/* Remove Select's default focus outline without affecting dropdown items */`
`89`	`89`	`--_ui5_input_focus_outline_color: transparent;`
	`90`	`+ /* Suppress Select's bottom border gradient inside ShellBar search */`
	`91`	`+ --_ui5_select_bottom_border_gradient: none;`
`90`	`92`	`}`
`91`	`93`
`92`	`94`	`[ui5-select]:hover:not(:active):not(:focus-within) {`
`@@ -261,8 +263,6 @@`
`261`	`263`	`}`
`262`	`264`	`.ui5-shell-search-field-icon::part(root) {`
`263`	`265`	`padding: var(--_ui5_search_icon_padding);`
`264`		`- width: 1rem;`
`265`		`- height: 1rem;`
`266`	`266`	`outline-offset: -0.125rem;`
`267`	`267`	`}`
`268`	`268`