increase performance open filters

app/modules/components/filter/filter.directive.coffee

@@ -26,6 +26,14 @@ FilterDirective = () ->
             else if scope.vm.filtersForm.$dirty
                 unwatch()
 
+        attrs.$observe "open", (open) ->
+            open = scope.$eval(open)
+
+            if open
+                el.addClass('open')
+            else
+                el.removeClass('open')
+
     return {
         scope: {
             onChangeQ: "&",

app/modules/components/filter/filter.scss

@@ -7,6 +7,8 @@ tg-filter {
     padding: 1rem 0;
     position: absolute;
     top: 0;
+    transform: translateX(-260px);
+    transition-duration: .5s;
     width: 260px;
     z-index: 1;
     .filters-applied {
@@ -28,18 +30,7 @@ tg-filter {
         right: .7rem;
         top: .7rem;
     }
-    &.ng-hide-add {
+    &.open {
-        transform: translateX(0);
-        transition-duration: .5s;
-    }
-    &.ng-hide-add-active {
-        transform: translateX(-260px);
-    }
-    &.ng-hide-remove {
-        transform: translateX(-260px);
-        transition-duration: .5s;
-    }
-    &.ng-hide-remove-active {
         transform: translateX(0);
     }
 }

app/partials/kanban/kanban.jade

@@ -6,7 +6,7 @@ div.wrapper(tg-kanban, ng-controller="KanbanController as ctrl"
 
     section.main.kanban
         tg-filter(
-          ng-show="ctrl.openFilter"
+          open="{{ctrl.openFilter}}"
           q="ctrl.filterQ"
           filters="ctrl.filters"
           custom-filters="ctrl.customFilters"

app/partials/taskboard/taskboard.jade

@@ -5,7 +5,7 @@ div.wrapper(tg-taskboard, ng-controller="TaskboardController as ctrl",
     tg-project-menu
     section.main.taskboard
         tg-filter(
-          ng-show="ctrl.openFilter"
+          open="{{ctrl.openFilter}}"
           q="ctrl.filterQ"
           filters="ctrl.filters"
           custom-filters="ctrl.customFilters"

app/styles/layout/issues.scss

@@ -3,4 +3,7 @@
         position: relative;
         width: 260px;
     }
+    tg-filter {
+        transform: translateX(0);
+    }
 }