fix notification-light blink
parent
208d99b3a4
commit
76d2d4da56
|
@ -162,7 +162,10 @@ class ConfirmService extends taiga.Service
|
||||||
@.el.find("p").html(NOTIFICATION_MSG[type].message)
|
@.el.find("p").html(NOTIFICATION_MSG[type].message)
|
||||||
|
|
||||||
body = angular.element("body")
|
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)
|
body.find(selector)
|
||||||
.removeClass('inactive')
|
.removeClass('inactive')
|
||||||
.addClass('active')
|
.addClass('active')
|
||||||
|
|
|
@ -54,7 +54,6 @@
|
||||||
|
|
||||||
.notification-light {
|
.notification-light {
|
||||||
@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;
|
||||||
left: calc(50% - 200px);
|
left: calc(50% - 200px);
|
||||||
|
@ -63,6 +62,9 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 400px;
|
width: 400px;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
|
&.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);
|
||||||
|
|
Loading…
Reference in New Issue