segment.wp: display active style outside toolbar

In the iOS and Android styles the segment-activated class lives directly under segment-button.  However in the Windows Phone version these styles live only under toolbar, causing the styles to not be applied properly if the ion-segment is used outside of a toolbar.
This commit is contained in:
Rob
2016-03-30 19:54:15 -05:00
parent ba6f92b992
commit b1226cbb41

View File

@ -40,6 +40,11 @@ ion-segment {
background-color: $segment-button-wp-background-color; background-color: $segment-button-wp-background-color;
opacity: $segment-button-wp-opacity; opacity: $segment-button-wp-opacity;
.activated,
.segment-activated {
opacity: $segment-button-wp-opacity-activated;
}
ion-icon { ion-icon {
font-size: $segment-button-wp-icon-size; font-size: $segment-button-wp-icon-size;
line-height: $segment-button-wp-icon-line-height; line-height: $segment-button-wp-icon-line-height;
@ -51,12 +56,6 @@ ion-segment {
ion-segment { ion-segment {
margin: 0 auto; margin: 0 auto;
} }
.segment-button.activated,
.segment-button.segment-activated {
opacity: $segment-button-wp-opacity-activated;
}
} }