feat($ionicModal): close on backdrop click on desktop/tablet

Closes #1087
ionic-team · Apr 30, 2014 · 554c439 · 554c439
1 parent 3ba3c3f
commit 554c439
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/js/angular/directive/modal.js b/js/angular/directive/modal.js
@@ -8,7 +8,7 @@ IonicModule
     restrict: 'E',
     transclude: true,
     replace: true,
-    template: '<div class="modal-backdrop">' +
+    template: '<div class="modal-backdrop" ng-click="modal.hide()">' +
                 '<div class="modal-wrapper" ng-transclude></div>' +
               '</div>'
   };

diff --git a/scss/_modal.scss b/scss/_modal.scss
@@ -51,7 +51,8 @@
 .modal-open {
   pointer-events: none;
 
-  .modal {
+  .modal,
+  .modal-backdrop {
     pointer-events: auto;
   }
 }