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

fix(button): style disabled anchor/button elements

Browse Source 
add opacity and remove pointer events

closes #6108
This commit is contained in:
Brandy Carney
2016-05-20 16:56:29 -04:00
parent aeeae3f675
commit d0abbaf219
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/button/button.scss
View File

@ -47,6 +47,8 @@ a[button] {
text-decoration: none; text-decoration: none;
} }
a[disabled],
button[disabled],
.button[disabled] { .button[disabled] {
cursor: default; cursor: default;
opacity: .4; opacity: .4;

12
src/components/item/test/buttons/main.html
View File

@ -24,17 +24,17 @@
<button outline item-right (click)="testClick($event)">Outline</button> <button outline item-right (click)="testClick($event)">Outline</button>
</ion-item> </ion-item>
<ion-item> <button ion-item disabled>
<button item-left (click)="testClick($event)"> <button item-left (click)="testClick($event)">
<ion-icon name="home"></ion-icon> <ion-icon name="home"></ion-icon>
Left Icon Left Icon
</button> </button>
left icon buttons disabled left icon buttons
<button outline item-right (click)="testClick($event)"> <button outline item-right (click)="testClick($event)">
<ion-icon name="star"></ion-icon> <ion-icon name="star"></ion-icon>
Left Icon Left Icon
</button> </button>
</ion-item> </button>
<ion-item> <ion-item>
<button item-left (click)="testClick($event)"> <button item-left (click)="testClick($event)">
@ -58,13 +58,13 @@
</button> </button>
</ion-item> </ion-item>
<ion-item> <a ion-item disabled>
ion-item right icon/text button large a ion-item disabled right icon/text button large
<button item-right large (click)="testClick($event)"> <button item-right large (click)="testClick($event)">
<ion-icon name="refresh"></ion-icon> <ion-icon name="refresh"></ion-icon>
Refresh Refresh
</button> </button>
</ion-item> </a>
<ion-item> <ion-item>
<button clear item-left small (click)="testClick($event)"> <button clear item-left small (click)="testClick($event)">