From 76d2d4da56966429453b5586173b0e588c33a8a8 Mon Sep 17 00:00:00 2001 From: Juanfran Date: Wed, 20 Aug 2014 13:31:24 +0200 Subject: [PATCH] fix notification-light blink --- app/coffee/modules/base/confirm.coffee | 5 ++++- app/styles/components/notification-message.scss | 4 +++- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/app/coffee/modules/base/confirm.coffee b/app/coffee/modules/base/confirm.coffee index b87332d4..4f828ca8 100644 --- a/app/coffee/modules/base/confirm.coffee +++ b/app/coffee/modules/base/confirm.coffee @@ -162,7 +162,10 @@ class ConfirmService extends taiga.Service @.el.find("p").html(NOTIFICATION_MSG[type].message) body = angular.element("body") - body.find(".notification-message .notification-light").removeClass('active') + body.find(".notification-message .notification-light") + .removeClass('active') + .addClass('inactive') + body.find(selector) .removeClass('inactive') .addClass('active') diff --git a/app/styles/components/notification-message.scss b/app/styles/components/notification-message.scss index 0d3eb028..d112a03a 100644 --- a/app/styles/components/notification-message.scss +++ b/app/styles/components/notification-message.scss @@ -54,7 +54,6 @@ .notification-light { @include transform(translateY(-100%)); - @include transition (all .6s ease-in-out); background: rgba($gray-light, .95); color: $white; left: calc(50% - 200px); @@ -63,6 +62,9 @@ top: 0; width: 400px; z-index: 9999; + &.inactive { + @include transition (all .6s ease-in-out); + } &.active { @include transform(translateY(0)); @include transition (all .6s ease-in-out);