javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 05:21:52 +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;
}
a[disabled],
button[disabled],
.button[disabled] {
cursor: default;
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>
</ion-item>
<ion-item>
<button ion-item disabled>
<button item-left (click)="testClick($event)">
<ion-icon name="home"></ion-icon>
Left Icon
</button>
left icon buttons
disabled left icon buttons
<button outline item-right (click)="testClick($event)">
<ion-icon name="star"></ion-icon>
Left Icon
</button>
</ion-item>
</button>
<ion-item>
<button item-left (click)="testClick($event)">
@ -58,13 +58,13 @@
</button>
</ion-item>
<ion-item>
ion-item right icon/text button large
<a ion-item disabled>
a ion-item disabled right icon/text button large
<button item-right large (click)="testClick($event)">
<ion-icon name="refresh"></ion-icon>
Refresh
</button>
</ion-item>
</a>
<ion-item>
<button clear item-left small (click)="testClick($event)">