fix(ui5-panel): prevent border cut on horizon themes (#8400)

FIXES: #8369
SAP · Mar 13, 2024 · fc2421f · fc2421f
1 parent 9dc902e
commit fc2421f
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/packages/main/src/themes/Panel.css b/packages/main/src/themes/Panel.css
@@ -54,7 +54,7 @@
 	border: var(--_ui5_panel_focus_border);
 	border-radius: var(--_ui5_panel_border_radius);
 	top: var(--_ui5_panel_focus_offset);
-	bottom: var(--_ui5_panel_focus_offset);
+	bottom: var(--_ui5_panel_focus_bottom_offset);
 	left: var(--_ui5_panel_focus_offset);
 	right: var(--_ui5_panel_focus_offset);
 }

diff --git a/packages/main/src/themes/base/Panel-parameters.css b/packages/main/src/themes/base/Panel-parameters.css
@@ -12,6 +12,7 @@
 	--_ui5_panel_header_padding_right: 0.5rem;
 	--_ui5_panel_header_button_wrapper_padding: .25rem;
 	--_ui5_panel_focus_offset: 1px;
+	--_ui5_panel_focus_bottom_offset: var(--_ui5_panel_focus_offset);
 	--_ui5_panel_content_padding: 0.625rem 1rem 1.375rem 1rem;
 	--_ui5_panel_header_background_color: var(--sapBackgroundColor);
 }

diff --git a/packages/main/src/themes/sap_horizon/Panel-parameters.css b/packages/main/src/themes/sap_horizon/Panel-parameters.css
@@ -7,7 +7,8 @@
 	--_ui5_panel_outline_offset: -0.125rem;
 	--_ui5_panel_border_radius_expanded: var(--sapElement_BorderCornerRadius) var(--sapElement_BorderCornerRadius) 0 0;
 	--_ui5_panel_icon_color: var(--sapButton_Lite_TextColor);
-	--_ui5_panel_focus_offset: -1px;
+	--_ui5_panel_focus_offset: 0px;
+	--_ui5_panel_focus_bottom_offset: -1px;
 	--_ui5_panel_content_padding: 0.625rem 1rem;
 	--_ui5_panel_header_background_color: var(--sapGroup_TitleBackground);
 }
diff --git a/packages/main/src/themes/sap_horizon_dark/Panel-parameters.css b/packages/main/src/themes/sap_horizon_dark/Panel-parameters.css
@@ -7,7 +7,8 @@
 	--_ui5_panel_outline_offset: -0.125rem;
 	--_ui5_panel_border_radius_expanded: var(--sapElement_BorderCornerRadius) var(--sapElement_BorderCornerRadius) 0 0;
 	--_ui5_panel_icon_color: var(--sapButton_Lite_TextColor);
-	--_ui5_panel_focus_offset: -1px;
+	--_ui5_panel_focus_offset: 0px;
+	--_ui5_panel_focus_bottom_offset: -1px;
 	--_ui5_panel_content_padding: 0.625rem 1rem;
 	--_ui5_panel_header_background_color: var(--sapGroup_TitleBackground);
 }