Removing animation from header and stuff

Author: mlynch

dist/css/ionic.css

@@ -5701,6 +5701,11 @@ a.button {
   100% {
     transform: rotate(360deg); } }
 
+.no-animation > .ng-enter, .no-animation.ng-enter, .no-animation > .ng-leave, .no-animation.ng-leave {
+  -webkit-transition: none;
+  -moz-transition: none;
+  transition: none; }
+
 .noop-animation > .ng-enter, .noop-animation.ng-enter, .noop-animation > .ng-leave, .noop-animation.ng-leave {
   -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
   -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;

dist/js/ionic-angular.js

@@ -512,7 +512,7 @@ angular.module('ionic.ui.header', ['ngAnimate'])
                 </div>\
                 <h1 class="title" ng-bind-html="title"></h1>\
                 <div class="buttons">\
-                  <button ng-repeat="button in rightButtons" class="button" ng-class="button.type" ng-click="button.tap($event, $index)" ng-bind-html="button.content">\
+                  <button ng-repeat="button in rightButtons" class="button no-animation" ng-class="button.type" ng-click="button.tap($event, $index)" ng-bind-html="button.content">\
                   </button>\
                 </div>\
               </header>',

js/ext/angular/src/directive/ionicBar.js

@@ -16,7 +16,7 @@ angular.module('ionic.ui.header', ['ngAnimate'])
                 </div>\
                 <h1 class="title" ng-bind-html="title"></h1>\
                 <div class="buttons">\
-                  <button ng-repeat="button in rightButtons" class="button" ng-class="button.type" ng-click="button.tap($event, $index)" ng-bind-html="button.content">\
+                  <button ng-repeat="button in rightButtons" class="button no-animation" ng-class="button.type" ng-click="button.tap($event, $index)" ng-bind-html="button.content">\
                   </button>\
                 </div>\
               </header>',

js/ext/angular/test/slideBox.html

@@ -70,6 +70,17 @@ <h3>Thank you for choosing my app!</h3>
       angular.module('slideBoxTest', ['ionic'])
 
       .controller('SlideCtrl', function($scope) {
+        $scope.next = function() {
+        };
+        $scope.rightButtons = [
+          {
+            content: 'Next',
+            type: 'button-positive button-clear',
+            onTap: function(e) {
+              $scope.next();
+            }
+          }
+        ];
         $scope.leftButtons = [
           {
             content: 'Skip',

scss/_animations.scss

@@ -151,6 +151,11 @@ $slide-in-up-function: cubic-bezier(.1, .7, .1, 1);
   100% { transform: rotate(360deg); } 
 }
 
+.no-animation {
+  > .ng-enter, &.ng-enter, > .ng-leave, &.ng-leave {
+    @include transition(none);
+  }
+}
 .noop-animation {
   > .ng-enter, &.ng-enter, > .ng-leave, &.ng-leave {
     @include transition(all cubic-bezier(0.250, 0.460, 0.450, 0.940) $transition-duration);