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

checkbox disabled

Browse Source
This commit is contained in:
Adam Bradley
2015-03-28 21:24:56 -05:00
parent 8fe9fa86be
commit 46f225a932
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/checkbox/checkbox.scss
View File

@ -26,6 +26,16 @@
} }
.checkbox[aria-disabled=true] {
pointer-events: none;
opacity: 0.5;
color: gray;
.media-checkbox {
color: inherit;
}
}
.checkbox .item-media, .checkbox .item-media,
.checkbox .item-content { .checkbox .item-content {
pointer-events: none; pointer-events: none;

6
src/components/checkbox/test/basic/main.html
View File

@ -6,8 +6,9 @@
<div class="content" style="background: #efeff4"> <div class="content" style="background: #efeff4">
<ion-list> <ion-list>
<ion-list-header>Some Checkboxes</ion-list-header> <ion-list-header>Some Checkboxes</ion-list-header>
<ion-checkbox [checked]="true"> <ion-checkbox [checked]="true">
Apples Apples
</ion-checkbox> </ion-checkbox>
@ -16,11 +17,10 @@
Bananas Bananas
</ion-checkbox> </ion-checkbox>
<ion-checkbox> <ion-checkbox [disabled]="true">
Oranges Oranges
</ion-checkbox> </ion-checkbox>
</ion-list> </ion-list>
</div> </div>