From 06938b64a526583bd03ede53544d4b18b25fd2d5 Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.valladolid@gmail.com>
Date: Sun, 20 Nov 2016 16:00:53 +0100
Subject: [PATCH] fix(backdrop): remove click cursor when the backdrop is not
 tappable

---
 src/components/action-sheet/action-sheet-component.ts | 2 +-
 src/components/alert/alert-component.ts               | 2 +-
 src/components/backdrop/backdrop.scss                 | 4 ++++
 src/components/modal/modal-component.ts               | 2 +-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/action-sheet/action-sheet-component.ts b/src/components/action-sheet/action-sheet-component.ts
index 1e04bc9bc26..0438a6c25a5 100644
--- a/src/components/action-sheet/action-sheet-component.ts
+++ b/src/components/action-sheet/action-sheet-component.ts
@@ -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">' +
diff --git a/src/components/alert/alert-component.ts b/src/components/alert/alert-component.ts
index 59f14da03ed..a10ae732f7f 100644
--- a/src/components/alert/alert-component.ts
+++ b/src/components/alert/alert-component.ts
@@ -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>' +
diff --git a/src/components/backdrop/backdrop.scss b/src/components/backdrop/backdrop.scss
index 0799e69204b..8cf94442c05 100644
--- a/src/components/backdrop/backdrop.scss
+++ b/src/components/backdrop/backdrop.scss
@@ -19,3 +19,7 @@ ion-backdrop {
   opacity: .01;
   transform: translateZ(0);
 }
+
+ion-backdrop.backdrop-no-tappable {
+  cursor: auto;
+}
diff --git a/src/components/modal/modal-component.ts b/src/components/modal/modal-component.ts
index 43737ed5e26..607c7646f7f 100644
--- a/src/components/modal/modal-component.ts
+++ b/src/components/modal/modal-component.ts
@@ -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>'