From 53cdc931526994bd02e49d7696225db808aa6116 Mon Sep 17 00:00:00 2001 From: Martin Date: Wed, 5 Jun 2019 11:02:13 +0300 Subject: [PATCH] fix(ui5-button): bold text in fiori_3 when button is emphasized (#512) --- packages/main/src/themes/Button.css | 1 + packages/main/src/themes/base/Button-parameters.css | 1 + packages/main/src/themes/sap_fiori_3/Button-parameters.css | 1 + 3 files changed, 3 insertions(+) diff --git a/packages/main/src/themes/Button.css b/packages/main/src/themes/Button.css index c2064dc6f73b..ac2f692bef43 100644 --- 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 index b55ce98e36bf..049a5007fff0 100644 --- 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 index 86a7d20fd505..37551e2b3065 100644 --- 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; }