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

fix(actionsheet): disable button hover

Browse Source 
Closes #204
This commit is contained in:
Adam Bradley
2015-09-29 07:32:13 -05:00
parent 86670d03ee
commit db33c27b65
3 changed files with 3 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ionic/components/action-sheet/action-sheet.scss
View File

@ -61,11 +61,6 @@ action-sheet-wrapper {
}
}
.action-sheet-has-icons .icon {
position: absolute;
left: 16px;
}
.action-sheet-title {
padding: 10px;
color: #8f8f8f;

6
ionic/components/action-sheet/action-sheet.ts
View File

@ -59,16 +59,16 @@ import * as util from 'ionic/util';
'<div class="action-sheet-container">' +
'<div class="action-sheet-group action-sheet-options">' +
'<div class="action-sheet-title" *ng-if="titleText">{{titleText}}</div>' +
'<button (click)="_buttonClicked(index)" *ng-for="#b of buttons; #index = index" class="action-sheet-option">' +
'<button (click)="_buttonClicked(i)" *ng-for="#b of buttons; #i=index" class="action-sheet-option disable-hover">' +
'<icon [name]="b.icon" *ng-if="b.icon"></icon> ' +
'{{b.text}}' +
'</button>' +
'<button *ng-if="destructiveText" (click)="_destructive()" class="destructive action-sheet-destructive">' +
'<button *ng-if="destructiveText" (click)="_destructive()" class="action-sheet-destructive disable-hover">' +
'<icon [name]="destructiveIcon" *ng-if="destructiveIcon"></icon> ' +
'{{destructiveText}}</button>' +
'</div>' +
'<div class="action-sheet-group action-sheet-cancel" *ng-if="cancelText">' +
'<button (click)="_cancel()">' +
'<button (click)="_cancel()" class=" disable-hover">' +
'<icon [name]="cancelIcon"></icon> ' +
'{{cancelText}}</button>' +
'</div>' +

4
ionic/components/action-sheet/modes/ios.scss
View File

@ -35,10 +35,6 @@ ion-action-sheet {
}
}
.action-sheet-container button:hover:not(.disable-hover) {
color: $action-sheet-options-text-color;
}
ion-action-sheet button {
min-height: $action-sheet-ios-height;
padding: $action-sheet-ios-padding;