taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix notify blink on load

stable
Juanfran 2014-08-20 13:26:06 +02:00
parent 204d5ef7b0
commit 208d99b3a4
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/coffee/modules/base/confirm.coffee
View File

@ -163,17 +163,24 @@ class ConfirmService extends taiga.Service
body = angular.element("body") body = angular.element("body")
body.find(".notification-message .notification-light").removeClass('active') body.find(".notification-message .notification-light").removeClass('active')
body.find(selector).addClass('active') body.find(selector)
.removeClass('inactive')
.addClass('active')
if @.tsem if @.tsem
cancelTimeout(@.tsem) cancelTimeout(@.tsem)
@.tsem = timeout 3500, => @.tsem = timeout 3500, =>
body.find(selector).removeClass('active') body.find(selector)
.removeClass('active')
.addClass('inactive')
delete @.tsem delete @.tsem
@.el.on "click", ".icon-delete", (event) => @.el.on "click", ".icon-delete", (event) =>
body.find(selector).removeClass('active') body.find(selector)
.removeClass('active')
.addClass('inactive')
module = angular.module("taigaBase") module = angular.module("taigaBase")

4
app/styles/components/notification-message.scss
View File

@ -1,6 +1,5 @@
.notification-message { .notification-message {
@include transform(translateY(-100%)); @include transform(translateY(-100%));
@include transition (all .6s ease-in-out);
background: rgba($gray-light, .95); background: rgba($gray-light, .95);
color: $white; color: $white;
padding: 1rem; padding: 1rem;
@ -9,6 +8,9 @@
top: 0; top: 0;
width: 100%; width: 100%;
z-index: 99920; z-index: 99920;
&.inactive {
@include transition (all .6s ease-in-out);
}
&.active { &.active {
@include transform(translateY(0)); @include transform(translateY(0));
@include transition (all .6s ease-in-out); @include transition (all .6s ease-in-out);