From 64758fe8cb729de0b8b3c7e41519f0a27335a7ae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Ferreira?= Date: Fri, 26 Dec 2025 15:41:56 +0000 Subject: [PATCH 1/2] - guarantee that every child of segment-button has color: primary-color when checked; --- core/src/components/segment-button/segment-button.ionic.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/core/src/components/segment-button/segment-button.ionic.scss b/core/src/components/segment-button/segment-button.ionic.scss index 95131ec4a16..52393aafc10 100644 --- a/core/src/components/segment-button/segment-button.ionic.scss +++ b/core/src/components/segment-button/segment-button.ionic.scss @@ -67,7 +67,8 @@ // -------------------------------------------------- :host(.segment-button-checked) ::slotted(ion-label), -:host(.segment-button-checked) ::slotted(ion-icon) { +:host(.segment-button-checked) ::slotted(ion-icon), +:host(.segment-button-checked) ::slotted(*) { color: var(--color-checked); } From 5bbca4f33a66ca1a46e4b1acefd226c6409e1791 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Ferreira?= Date: Fri, 26 Dec 2025 17:31:45 +0000 Subject: [PATCH 2/2] - clear selectors; - add changes to disabled state; --- .../components/segment-button/segment-button.ionic.scss | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/core/src/components/segment-button/segment-button.ionic.scss b/core/src/components/segment-button/segment-button.ionic.scss index 52393aafc10..75c67ab1cd5 100644 --- a/core/src/components/segment-button/segment-button.ionic.scss +++ b/core/src/components/segment-button/segment-button.ionic.scss @@ -64,19 +64,18 @@ } // Segment Button: Checked +// All slot content should have the checked color even when it's not label or icon // -------------------------------------------------- -:host(.segment-button-checked) ::slotted(ion-label), -:host(.segment-button-checked) ::slotted(ion-icon), :host(.segment-button-checked) ::slotted(*) { color: var(--color-checked); } // Segment Button: Disabled +// All slot content should have the disabled color even when it's not label or icon // -------------------------------------------------- -:host(.segment-button-disabled) ::slotted(ion-label), -:host(.segment-button-disabled) ::slotted(ion-icon) { +:host(.segment-button-disabled) ::slotted(*) { color: var(--color-disabled); }