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

fix(segment): add disabled property to segment and segment button

Browse Source 
rename Sass variables for opacity for consistency

references #5639
This commit is contained in:
Brandy Carney
2016-04-27 16:09:07 -04:00
parent 5030246c5d
commit 4fca31ec36
7 changed files with 126 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ionic/components/segment/segment.md.scss
View File

@ -10,6 +10,10 @@ $segment-button-md-border-color-activated: $toolbar-md-active-color !default
$segment-button-md-border-bottom-width: 2px !default;
$segment-button-md-border-bottom-color: rgba(#000, .10) !default;
$segment-button-md-opacity: .7 !default;
$segment-button-md-opacity-activated: 1 !default;
$segment-button-md-opacity-disabled: .3 !default;
$segment-button-md-padding: 0 6px !default;
$segment-button-md-height: 4.2rem !default;
$segment-button-md-line-height: 4rem !default;
@ -37,7 +41,7 @@ $segment-button-md-icon-line-height: $segment-button-md-line-height !d
color: $segment-button-md-text-color-activated;
background-color: transparent;
opacity: .7;
opacity: $segment-button-md-opacity;
transition: 100ms all linear;
ion-icon {
@ -48,10 +52,16 @@ $segment-button-md-icon-line-height: $segment-button-md-line-height !d
&.activated,
&.segment-activated {
border-color: $segment-button-md-border-color-activated;
opacity: 1;
opacity: $segment-button-md-opacity-activated;
}
}
.segment-button-disabled {
opacity: $segment-button-md-opacity-disabled;
pointer-events: none;
}
.toolbar {
ion-segment {