fix(ui5-button): fix focus outline color of emphasized button (#499)

ilhan007 · web-flow · commit 1e0690ceaf3d · 2019-06-03T11:37:47.000+03:00
diff --git a/packages/main/src/themes/Button.css b/packages/main/src/themes/Button.css
@@ -206,6 +206,7 @@ ui5-button span[data-sap-ui-wc-root] .sapMBtn::before {
 	text-shadow: none;
 }
 
+.sapMBtn.sapMBtnEmphasized:focus::after,
 .sapMBtn.sapMBtnEmphasized.sapMBtnActive:focus::after {
 	border-color: var(--sapUiContentContrastFocusColor);
 }
@@ -214,10 +215,6 @@ ui5-button span[data-sap-ui-wc-root] .sapMBtn::before {
 	border-color: var(--_ui5_button_emphasized_focused_border_color);
 }
 
-.sapMBtn.sapMBtnEmphasized:focus::after {
-	border-color: var(--_ui5_button_positive_border_focus_hover_color);
-}
-
 .sapMBtn.sapMBtnTransparent {
 	background-color: var(--sapUiButtonLiteBackground);
 	border-color: var(--sapUiButtonLiteBorderColor);

Original file line number	Diff line number	Diff line change
`@@ -206,6 +206,7 @@ ui5-button span[data-sap-ui-wc-root] .sapMBtn::before {`
`206`	`206`	`text-shadow: none;`
`207`	`207`	`}`
`208`	`208`
	`209`	`+.sapMBtn.sapMBtnEmphasized:focus::after,`
`209`	`210`	`.sapMBtn.sapMBtnEmphasized.sapMBtnActive:focus::after {`
`210`	`211`	`border-color: var(--sapUiContentContrastFocusColor);`
`211`	`212`	`}`
`@@ -214,10 +215,6 @@ ui5-button span[data-sap-ui-wc-root] .sapMBtn::before {`
`214`	`215`	`border-color: var(--_ui5_button_emphasized_focused_border_color);`
`215`	`216`	`}`
`216`	`217`
`217`		`-.sapMBtn.sapMBtnEmphasized:focus::after {`
`218`		`- border-color: var(--_ui5_button_positive_border_focus_hover_color);`
`219`		`-}`
`220`		`-`
`221`	`218`	`.sapMBtn.sapMBtnTransparent {`
`222`	`219`	`background-color: var(--sapUiButtonLiteBackground);`
`223`	`220`	`border-color: var(--sapUiButtonLiteBorderColor);`