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

refactor(radio): moved disable color to modes so it is easier to override

Browse Source 
references #689
This commit is contained in:
Brandy Carney
2015-12-07 16:26:00 -05:00
parent c6d5692f72
commit f257a50265
3 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ionic/components/radio/modes/ios.scss
View File

@@ -11,6 +11,9 @@ $radio-ios-icon-height: 21px !default;
$radio-ios-icon-border-width: 2px !default;
$radio-ios-icon-border-style: solid !default;
$radio-ios-disabled-text-color: $subdued-text-ios-color !default;
ion-radio {
&[aria-checked=true] {
@@ -38,6 +41,10 @@ ion-radio {
}
ion-radio[aria-disabled=true] {
color: $radio-ios-disabled-text-color;
}
.radio-media {
display: block;
margin: $item-ios-padding-media-top ($item-ios-padding-right / 2) $item-ios-padding-media-bottom ($item-ios-padding-left / 2);

6
ionic/components/radio/modes/md.scss
View File

@@ -16,6 +16,8 @@ $radio-md-icon-border-radius: 50% !default;
$radio-md-transition-duration: 280ms !default;
$radio-md-transition-easing: cubic-bezier(.4, 0, .2, 1) !default;
$radio-md-disabled-text-color: $subdued-text-md-color !default;
ion-radio {
@@ -33,6 +35,10 @@ ion-radio {
}
ion-radio[aria-disabled=true] {
color: $radio-md-disabled-text-color;
}
.radio-icon {
position: relative;
top: 0;

2
ionic/components/radio/radio.scss
View File

@@ -4,7 +4,6 @@
// --------------------------------------------------
$radio-disabled-opacity: 0.5 !default;
$radio-disabled-text-color: $subdued-text-color !default;
ion-radio {
@@ -14,6 +13,5 @@ ion-radio {
ion-radio[aria-disabled=true] {
opacity: $radio-disabled-opacity;
color: $radio-disabled-text-color;
pointer-events: none;
}