javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

segment.wp: display active style outside toolbar

Browse Source 
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
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ionic/components/segment/segment.wp.scss
View File

@ -39,6 +39,11 @@ ion-segment {
color: $segment-button-wp-text-color-activated; color: $segment-button-wp-text-color-activated;
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;
@ -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;
}
} }