fix(ui5-button): fix focus in belize (#8498)

tsanislavgatev · web-flow · commit 483d942c3ba6 · 2024-03-22T16:30:01.000+02:00
diff --git a/packages/main/src/themes/sap_belize/Button-parameters.css b/packages/main/src/themes/sap_belize/Button-parameters.css
@@ -3,6 +3,7 @@
 :root {
 	--_ui5_button_focused_border_radius: 0rem;
     --_ui5_button_text_shadow: none;
-    --_ui5_button_emphasized_focused_border_color: var(--sapContent_FocusColor);
-    --_ui5_button_emphasized_focused_active_border_color: var(--sapContent_ContrastFocusColor);
+	--_ui5_button_emphasized_focused_border_before: none;
+	--_ui5_button_emphasized_focused_border_color: var(--sapContent_FocusColor);
+	--_ui5_button_emphasized_focused_active_border_color: var(--sapContent_ContrastFocusColor);
 }
diff --git a/packages/main/src/themes/sap_belize_hcb/Button-parameters.css b/packages/main/src/themes/sap_belize_hcb/Button-parameters.css
@@ -6,4 +6,7 @@
 	--_ui5_button_focus_width: 1px;
 	--_ui5_button_text_shadow: none;
 	--_ui5_button_emphasized_outline: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_button_emphasized_focused_border_before: none;
+	--_ui5_button_emphasized_focused_border_color: var(--sapContent_FocusColor);
+	--_ui5_button_emphasized_focused_active_border_color: var(--sapContent_ContrastFocusColor);
 }
diff --git a/packages/main/src/themes/sap_belize_hcw/Button-parameters.css b/packages/main/src/themes/sap_belize_hcw/Button-parameters.css
@@ -6,4 +6,7 @@
 	--_ui5_button_focus_width: 1px;
 	--_ui5_button_text_shadow: none;
 	--_ui5_button_emphasized_outline: 0.125rem dotted var(--sapContent_FocusColor);
+	--_ui5_button_emphasized_focused_border_before: none;
+	--_ui5_button_emphasized_focused_border_color: var(--sapContent_FocusColor);
+	--_ui5_button_emphasized_focused_active_border_color: var(--sapContent_ContrastFocusColor);
 }

Original file line number	Diff line number	Diff line change
`@@ -6,4 +6,7 @@`
`6`	`6`	`--_ui5_button_focus_width: 1px;`
`7`	`7`	`--_ui5_button_text_shadow: none;`
`8`	`8`	`--_ui5_button_emphasized_outline: 0.125rem dotted var(--sapContent_FocusColor);`
	`9`	`+ --_ui5_button_emphasized_focused_border_before: none;`
	`10`	`+ --_ui5_button_emphasized_focused_border_color: var(--sapContent_FocusColor);`
	`11`	`+ --_ui5_button_emphasized_focused_active_border_color: var(--sapContent_ContrastFocusColor);`
`9`	`12`	`}`