From 0f0ef0c9839adfd69c761cf48fc522333d87e597 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Garc=C3=ADa?= <dgarcia@initios.com>
Date: Mon, 26 Nov 2018 13:01:44 +0100
Subject: [PATCH] Repair events dropdown styles

---
 .../dropdown-notifications/dropdown-notifications.jade        | 2 +-
 app/modules/navigation-bar/navigation-bar.scss                | 2 +-
 .../notifications/notifications-list/notifications-list.jade  | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/modules/navigation-bar/dropdown-notifications/dropdown-notifications.jade b/app/modules/navigation-bar/dropdown-notifications/dropdown-notifications.jade
index ce314317..b105d522 100644
--- a/app/modules/navigation-bar/dropdown-notifications/dropdown-notifications.jade
+++ b/app/modules/navigation-bar/dropdown-notifications/dropdown-notifications.jade
@@ -6,7 +6,7 @@ a(
     ng-class="{'active': active}"
 )
     tg-svg(svg-icon="icon-bell")
-    div.counter(ng-if="total", ng-class="{'active': newEvent, 'large': total > 99, 'small': total < 10}") {{ total }}
+    div.counter(ng-if="total", ng-class="{'counter-active': newEvent, 'large': total > 99, 'small': total < 10}") {{ total }}
 div.navbar-dropdown-notifications(
     ng-show="visible",
     ng-mouseleave="visible=false"
diff --git a/app/modules/navigation-bar/navigation-bar.scss b/app/modules/navigation-bar/navigation-bar.scss
index b31ad259..556db618 100644
--- a/app/modules/navigation-bar/navigation-bar.scss
+++ b/app/modules/navigation-bar/navigation-bar.scss
@@ -233,7 +233,7 @@ $dropdown-width: 350px;
             top: 2px;
             width: 22px;
         }
-        &.active {
+        &.counter-active {
             animation-duration: 2s;
             animation-name: highlightFadeOut;
         }
diff --git a/app/modules/notifications/notifications-list/notifications-list.jade b/app/modules/notifications/notifications-list/notifications-list.jade
index 046e4e0b..a99666dc 100644
--- a/app/modules/notifications/notifications-list/notifications-list.jade
+++ b/app/modules/notifications/notifications-list/notifications-list.jade
@@ -6,10 +6,10 @@ section.notifications-list
                 alt="Loading..."
             )
     div(ng-if="!vm.loading" )
-        .empty(ng-if="!vm.notificationsList.length")
+        .empty(ng-if="vm.notificationsList.size == 0 && !vm.onlyUnread")
             span {{ 'EVENTS.NO_EVENTS_YET' | translate }}
         div(
-            ng-if="vm.notificationsList.length"
+            ng-if="vm.notificationsList.size > 0"
             infinite-scroll="vm.loadNotifications()"
             infinite-scroll-disabled="vm.scrollDisabled"
             ng-attr-infinite-scroll-container="vm.infiniteScrollContainer"