javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(segment): add the active background color to the colorized segments and remove activated css

Browse Source 
closes #5308
This commit is contained in:
Brandy Carney
2016-02-12 11:48:34 -06:00
parent 5f254f285f
commit df9a4df264
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ionic/components/segment/segment.ios.scss
View File

@@ -46,10 +46,10 @@ $segment-button-ios-toolbar-button-max-width: 100px !default;
background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-hover-opacity);
transition: $segment-button-ios-hover-transition;
}
&:active:not(.segment-activated) {
background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-active-opacity);
transition: $segment-button-ios-active-transition;
background-color: rgba($segment-button-ios-bg-color-activated, $segment-button-ios-active-opacity);
transition: $segment-button-ios-active-transition;
}
&:first-of-type {
@@ -100,7 +100,10 @@ $segment-button-ios-toolbar-button-max-width: 100px !default;
background-color: rgba($color-value, $segment-button-ios-hover-opacity);
}
&.activated,
&:active:not(.segment-activated) {
background-color: rgba($color-value, $segment-button-ios-active-opacity);
}
&.segment-activated {
color: inverse($color-value);
background-color: $color-value;
@@ -119,4 +122,4 @@ $segment-button-ios-toolbar-button-max-width: 100px !default;
.toolbar[#{$color-name}] .segment-button.segment-activated {
color: $color-value;
}
}
}