feat($ionicLoading): implement backdrop class

Closes #837.
ionic-team · Mar 21, 2014 · 57d71ed · 57d71ed
1 parent 5afcc8a
commit 57d71ed
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/js/ext/angular/src/directive/ionicLoading.js b/js/ext/angular/src/directive/ionicLoading.js
@@ -15,7 +15,7 @@ angular.module('ionic.ui.loading', [])
     link: function($scope, $element){
       $element.addClass($scope.animation || '');
     },
-    template: '<div class="loading-backdrop" ng-class="{enabled: showBackdrop}">' +
+    template: '<div class="loading-backdrop" ng-class="{\'show-backdrop\': showBackdrop}">' +
                 '<div class="loading" ng-transclude>' +
                 '</div>' +
               '</div>'

diff --git a/scss/_popup.scss b/scss/_popup.scss
@@ -107,6 +107,7 @@
 }
 
 .loading-backdrop {
+  @include transition(visibility 0s linear 0.3s);
   position: fixed;
   top: 0;
   left: 0;
@@ -119,13 +120,9 @@
   &.active {
     @include transition-delay(0s);
     visibility: visible;
-  }
-}
-
-.loading-backdrop {
-  @include transition(visibility 0s linear 0.3s);
-  &.active {
-    background-color: rgba(0,0,0,0.7);
+    &.show-backdrop {
+      background-color: rgba(0,0,0,0.7);
+    }
   }
 }