fix(ui5-button): bold text in fiori_3 when button is emphasized (#512)

MapTo0 · web-flow · commit 53cdc9315269 · 2019-06-05T11:02:13.000+03:00
diff --git a/packages/main/src/themes/Button.css b/packages/main/src/themes/Button.css
@@ -192,6 +192,7 @@ ui5-button span[data-sap-ui-wc-root] .sapMBtn::before {
 	border-color: var(--sapUiButtonEmphasizedBorderColor);
 	color: var(--sapUiButtonEmphasizedTextColor);
 	text-shadow: 0 0 0.125rem var(--sapUiButtonEmphasizedTextShadow);
+	font-weight: var(--_ui5_button_emphasized_font_weight);
 }
 
 .sapMBtn.sapMBtnEmphasized:hover {
diff --git a/packages/main/src/themes/base/Button-parameters.css b/packages/main/src/themes/base/Button-parameters.css
@@ -14,6 +14,7 @@
 	--_ui5_button_focus_after_right: 1px;
 	--_ui5_button_focus_after_left: 1px;
 	--_ui5_button_focus_after_top: 1px;
+	--_ui5_button_emphasized_font_weight: normal;
 
 	--_ui5_button_focussed_border_color: var(--sapUiButtonBorderColor);
 	--_ui5_button_active_border_color: var(--sapUiButtonActiveBorderColor);
diff --git a/packages/main/src/themes/sap_fiori_3/Button-parameters.css b/packages/main/src/themes/sap_fiori_3/Button-parameters.css
@@ -8,4 +8,5 @@
 	--_ui5_button_base_icon_only_padding: 0 0.5625rem;
 	--_ui5_button_base_icon_margin: 0.375rem;
 	--_ui5_button_base_icon_only_font_size: 1rem;
+	--_ui5_button_emphasized_font_weight: bold;
 }

Original file line number	Diff line number	Diff line change
`@@ -192,6 +192,7 @@ ui5-button span[data-sap-ui-wc-root] .sapMBtn::before {`
`192`	`192`	`border-color: var(--sapUiButtonEmphasizedBorderColor);`
`193`	`193`	`color: var(--sapUiButtonEmphasizedTextColor);`
`194`	`194`	`text-shadow: 0 0 0.125rem var(--sapUiButtonEmphasizedTextShadow);`
	`195`	`+ font-weight: var(--_ui5_button_emphasized_font_weight);`
`195`	`196`	`}`
`196`	`197`
`197`	`198`	`.sapMBtn.sapMBtnEmphasized:hover {`
Original file line number	Diff line number	Diff line change
`@@ -8,4 +8,5 @@`
`8`	`8`	`--_ui5_button_base_icon_only_padding: 0 0.5625rem;`
`9`	`9`	`--_ui5_button_base_icon_margin: 0.375rem;`
`10`	`10`	`--_ui5_button_base_icon_only_font_size: 1rem;`
	`11`	`+ --_ui5_button_emphasized_font_weight: bold;`
`11`	`12`	`}`