From a9292417249d81ef4f8a3c71e6f6134f1bb7c376 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Fri, 15 Apr 2016 11:34:50 +0200
Subject: [PATCH] notifications: fix hide/show

---
 .../app/controllers/widget/online_notification.coffee        | 4 ++--
 app/assets/stylesheets/zammad.scss                           | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/app/controllers/widget/online_notification.coffee b/app/assets/javascripts/app/controllers/widget/online_notification.coffee
index fb15b7b7e..592c01c64 100644
--- a/app/assets/javascripts/app/controllers/widget/online_notification.coffee
+++ b/app/assets/javascripts/app/controllers/widget/online_notification.coffee
@@ -178,12 +178,12 @@ class App.OnlineNotificationWidget extends App.Controller
     return if !@access()
     $(window).on 'keydown.notifications', @listNavigate
     @shown = true
-    @el.show()
+    @el.addClass 'is-visible'
 
   hide: =>
     $(window).off 'keydown.notifications'
     @shown = false
-    @el.hide()
+    @el.removeClass 'is-visible'
 
   stopPropagation: (e) ->
     e.stopPropagation()
diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss
index 346e06cc3..2b654a24d 100644
--- a/app/assets/stylesheets/zammad.scss
+++ b/app/assets/stylesheets/zammad.scss
@@ -3715,10 +3715,13 @@ footer {
     max-width: 400px;
     min-width: 350px;
     position: absolute;
-    display: flex;
     flex-direction: column;
     @extend .zIndex-5;
     
+    &.is-visible {
+      display: flex;
+    }
+    
     &.is-empty .popover-notificationsHeader {
       box-shadow: none;
     }