From 0decc7770d6be536837f595f6b0d57769046f462 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Rio?= Date: Wed, 10 Apr 2024 10:45:44 +0100 Subject: [PATCH] fix(button): update icon size to the default size (#29255) Issue number: ROU-4815 --------- ## What is the current behavior? - Ionic theme, Icon size was 14px to the default button size; ## What is the new behavior? - Ionic theme, Icon size has now 16px to the default button size; ## NOTE: - Tests related... this a fix on top of [PR of ROU-4815 branch](https://github.com/ionic-team/ionic-framework/pull/29187) and as was mentioned there, tests will be implemented under a task that will be then created specifically for it. --- core/src/components/button/button.ionic.scss | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/core/src/components/button/button.ionic.scss b/core/src/components/button/button.ionic.scss index 47da7e11cb..b266cfaa10 100644 --- a/core/src/components/button/button.ionic.scss +++ b/core/src/components/button/button.ionic.scss @@ -109,7 +109,18 @@ ::slotted(ion-icon[slot="start"]), ::slotted(ion-icon[slot="end"]), ::slotted(ion-icon[slot="icon-only"]) { - font-size: 1em; + font-size: px-to-rem(16); +} + +:host(.button-xsmall), +:host(.button-small), +:host(.button-large), +:host(.button-xlarge) { + ::slotted(ion-icon[slot="start"]), + ::slotted(ion-icon[slot="end"]), + ::slotted(ion-icon[slot="icon-only"]) { + font-size: 1em; + } } /* Button extra small */