Merge pull request #184 from whiteout-io/dev/WO-711

Dev/wo 711

src/js/app.js

@@ -58,7 +58,7 @@ var app = angular.module('mail', [
 ]);
 
 // set router paths
-app.config(function($routeProvider) {
+app.config(function($routeProvider, $animateProvider) {
     $routeProvider.when('/login', {
         templateUrl: 'tpl/login.html',
         controller: LoginCtrl
@@ -102,6 +102,9 @@ app.config(function($routeProvider) {
     $routeProvider.otherwise({
         redirectTo: '/login'
     });
+
+    // activate ngAnimate for whitelisted classes only
+    $animateProvider.classNameFilter(/^lightbox$/);
 });
 
 app.run(function($rootScope) {

src/sass/blocks/basics/_buttons.scss

@@ -44,11 +44,6 @@
         transform: translateX(2px) translateY(2px);
     }
 
-    // prevent triggering ngAnimate animations
-    &.ng-animate {
-        transition: none;
-    }
-
     &[disabled],
     &[aria-disabled="true"] {
         cursor: not-allowed;

src/sass/blocks/basics/_mail-addresses.scss

@@ -39,10 +39,6 @@
                 color: $color-blue;
                 text-decoration: underline;
             }
-
-            &.ng-animate {
-                transition: none;
-            }
         }
     }
 

src/sass/blocks/basics/_tags-input.scss

@@ -49,10 +49,6 @@
         }
     }
 
-    li.ng-animate {
-        transition: none;
-    }
-
     .autocomplete {
         margin-top: 5px;
         position: absolute;

src/sass/blocks/layout/_app.scss

@@ -73,6 +73,7 @@
     }
     &__main {
         height: 100%;
+        transform: translateZ(0);
 
         @include respond-to(lg) {
             position: absolute;
@@ -85,6 +86,17 @@
         }
     }
 
+    // Animation
+    @include respond-to(not-lg) {
+        will-change: transform;
+        transform-style: preserve-3d;
+        transition: transform 0.15s ease-out;
+        .app__container:after {
+            will-change: transform;
+            transform-style: preserve-3d;
+        }
+    }
+
     // Modifier to open sidebar
     &--show-aside {
         @include respond-to(not-lg) {
@@ -94,15 +106,4 @@
             }
         }
     }
-
-    // Animation
-    @include respond-to(not-lg) {
-        will-change: transform;
-        transform-style: preserve3d;
-        transition: transform 0.15s ease-out;
-        .app__container:after {
-            will-change: transform;
-            transform-style: preserve3d;
-        }
-    }
 }