diff --git a/core/src/components/segment-button/segment-button.ionic.scss b/core/src/components/segment-button/segment-button.ionic.scss index 95131ec4a16..c8643c19cf6 100644 --- a/core/src/components/segment-button/segment-button.ionic.scss +++ b/core/src/components/segment-button/segment-button.ionic.scss @@ -44,10 +44,11 @@ gap: globals.$ion-space-100; } -// Segment Button Label +// Segment Button Label/Text // -------------------------------------------------- -::slotted(ion-label) { +::slotted(ion-label), +::slotted(ion-text) { @include globals.typography(globals.$ion-body-action-sm); color: var(--color); @@ -67,6 +68,7 @@ // -------------------------------------------------- :host(.segment-button-checked) ::slotted(ion-label), +:host(.segment-button-checked) ::slotted(ion-text), :host(.segment-button-checked) ::slotted(ion-icon) { color: var(--color-checked); } @@ -75,6 +77,7 @@ // -------------------------------------------------- :host(.segment-button-disabled) ::slotted(ion-label), +:host(.segment-button-disabled) ::slotted(ion-text), :host(.segment-button-disabled) ::slotted(ion-icon) { color: var(--color-disabled); } diff --git a/core/src/components/segment/test/theme-ionic/index.html b/core/src/components/segment/test/theme-ionic/index.html new file mode 100644 index 00000000000..4642986aa64 --- /dev/null +++ b/core/src/components/segment/test/theme-ionic/index.html @@ -0,0 +1,400 @@ + + + + + Segment - theme ionic + + + + + + + + + + + + + + + Paid + + + Free + + + Top + + + + + + + + Paid + + + Free + + + Top + + + + + + + + Facebook + + + + Instagram + + + + Slack + + + + + + + + + Create + + + + Delete + + + + Upload + + + + + + + + + Inactive + + + Inactive + + + Disabled + + + + + + + + Checked + + + Inactive + + + Disabled + + + + + + + + Dining + + + + Travel + + + + Entertainment + + + + + + + + + Dining + + + + Travel + + + + Entertainment + + + + + + + + + + Active + + + Disabled + + + Inactive + + + + + + Facebook + + + + Instagram + + + + Slack + + + + + + + Dining + + + + Travel + + + + Entertainment + + + + + + + Dining + + + + Travel + + + + Entertainment + + + + + + + Checked + + + Inactive + + + Disabled + + + + + + Checked + + + Inactive + + + Disabled + + + + + + + +