fix(ui5-select): correct dropdown button height

NakataCode · NakataCode · commit 4c3b58873dba · 2026-04-17T15:32:31.000+03:00
diff --git a/packages/main/src/themes/Select.css b/packages/main/src/themes/Select.css
@@ -25,6 +25,7 @@
 	cursor: pointer;
 	overflow: hidden;
 	border-radius: var(--_ui5_input_border_radius);
+	background: var(--_ui5_select_bottom_border_gradient);
 }
 
 .ui5-select-label-root {
diff --git a/packages/main/src/themes/base/Select-parameters.css b/packages/main/src/themes/base/Select-parameters.css
@@ -3,6 +3,8 @@
 	--_ui5_select_label_color: var(--sapField_TextColor);
 	--_ui5_select_icon_width: 2.25rem;
 	--_ui5_select_icon_wrapper_height: 100%;
+	--_ui5_select_bottom_border_gradient: none;
+	--_ui5_select_icon_wrapper_state_height: calc(100% - 0.125rem);
 }
 
 @container style(--ui5_content_density: compact) {
diff --git a/packages/main/src/themes/sap_horizon/Select-parameters.css b/packages/main/src/themes/sap_horizon/Select-parameters.css
@@ -2,6 +2,8 @@
 
 :host {
 	--_ui5_select_hover_icon_left_border: none;
-	--_ui5_select_icon_wrapper_height: calc(100% - 0.0625rem);
-	--_ui5_select_icon_wrapper_state_height: calc(100% - 0.125rem);
-}
+	--_ui5_select_icon_wrapper_height: 100%;
+	--_ui5_select_icon_wrapper_state_height: 100%;
+	--_ui5_input_icon_hover_bg: transparent;
+	--_ui5_select_bottom_border_gradient: linear-gradient(var(--sapField_BorderColor), var(--sapField_BorderColor)) bottom / 100% var(--sapField_BorderWidth) no-repeat;
+}
diff --git a/packages/main/src/themes/sap_horizon_dark/Select-parameters.css b/packages/main/src/themes/sap_horizon_dark/Select-parameters.css
@@ -2,6 +2,8 @@
 
 :host {
 	--_ui5_select_hover_icon_left_border: none;
-	--_ui5_select_icon_wrapper_height: calc(100% - 0.0625rem);
-	--_ui5_select_icon_wrapper_state_height: calc(100% - 0.125rem);
-}
+	--_ui5_select_icon_wrapper_height: 100%;
+	--_ui5_select_icon_wrapper_state_height: 100%;
+	--_ui5_input_icon_hover_bg: transparent;
+	--_ui5_select_bottom_border_gradient: linear-gradient(var(--sapField_BorderColor), var(--sapField_BorderColor)) bottom / 100% var(--sapField_BorderWidth) no-repeat;
+}

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,7 @@`
`25`	`25`	`cursor: pointer;`
`26`	`26`	`overflow: hidden;`
`27`	`27`	`border-radius: var(--_ui5_input_border_radius);`
	`28`	`+ background: var(--_ui5_select_bottom_border_gradient);`
`28`	`29`	`}`
`29`	`30`
`30`	`31`	`.ui5-select-label-root {`
Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,8 @@`
`3`	`3`	`--_ui5_select_label_color: var(--sapField_TextColor);`
`4`	`4`	`--_ui5_select_icon_width: 2.25rem;`
`5`	`5`	`--_ui5_select_icon_wrapper_height: 100%;`
	`6`	`+ --_ui5_select_bottom_border_gradient: none;`
	`7`	`+ --_ui5_select_icon_wrapper_state_height: calc(100% - 0.125rem);`
`6`	`8`	`}`
`7`	`9`
`8`	`10`	`@container style(--ui5_content_density: compact) {`