javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(backdrop): remove click cursor when the backdrop is not tappable

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2016-11-20 16:00:53 +01:00
parent 6f96ede2ea
commit 06938b64a5
4 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/action-sheet/action-sheet-component.ts
View File

@ -14,7 +14,7 @@ import { assert } from '../../util/util';
@Component({
selector: 'ion-action-sheet',
template:
'<ion-backdrop (click)="bdClick()"></ion-backdrop>' +
'<ion-backdrop (click)="bdClick()" [class.backdrop-no-tappable]="!d.enableBackdropDismiss"></ion-backdrop>' +
'<div class="action-sheet-wrapper">' +
'<div class="action-sheet-container">' +
'<div class="action-sheet-group">' +

2
src/components/alert/alert-component.ts
View File

@ -13,7 +13,7 @@ import { GestureController, BlockerDelegate, BLOCK_ALL } from '../../gestures/ge
@Component({
selector: 'ion-alert',
template:
'<ion-backdrop (click)="bdClick()"></ion-backdrop>' +
'<ion-backdrop (click)="bdClick()" [class.backdrop-no-tappable]="!d.enableBackdropDismiss"></ion-backdrop>' +
'<div class="alert-wrapper">' +
'<div class="alert-head">' +
'<h2 id="{{hdrId}}" class="alert-title" *ngIf="d.title" [innerHTML]="d.title"></h2>' +

4
src/components/backdrop/backdrop.scss
View File

@ -19,3 +19,7 @@ ion-backdrop {
opacity: .01;
transform: translateZ(0);
}
ion-backdrop.backdrop-no-tappable {
cursor: auto;
}

2
src/components/modal/modal-component.ts
View File

@ -12,7 +12,7 @@ import { assert } from '../../util/util';
@Component({
selector: 'ion-modal',
template:
'<ion-backdrop (click)="_bdClick()"></ion-backdrop>' +
'<ion-backdrop (click)="_bdClick()" [class.backdrop-no-tappable]="!_bdDismiss"></ion-backdrop>' +
'<div class="modal-wrapper">' +
'<div #viewport nav-viewport></div>' +
'</div>'