diff --git a/app/coffee/modules/common/confirm.coffee b/app/coffee/modules/common/confirm.coffee index 28851121..aa0bbed2 100644 --- a/app/coffee/modules/common/confirm.coffee +++ b/app/coffee/modules/common/confirm.coffee @@ -245,7 +245,7 @@ class ConfirmService extends taiga.Service delete @.tsem - el.on "click", ".icon-delete", (event) => + el.on "click", ".icon-delete, .close", (event) => body.find(selector) .removeClass('active') .addClass('inactive') diff --git a/app/partials/includes/components/notification-message.jade b/app/partials/includes/components/notification-message.jade index d0feaeaf..82b3ab05 100644 --- a/app/partials/includes/components/notification-message.jade +++ b/app/partials/includes/components/notification-message.jade @@ -25,4 +25,5 @@ div.notification-light.notification-message-light-error div.text h4.warning(translate="NOTIFICATION.WARNING") p(translate="NOTIFICATION.WARNING_TEXT") - a.icon.icon-delete(href="", title="{{'NOTIFICATION.CLOSE' | translate}}") + a.close(href="", title="{{'NOTIFICATION.CLOSE' | translate}}") + include ../../../svg/remove.svg diff --git a/app/styles/components/notification-message.scss b/app/styles/components/notification-message.scss index 1b0c1c64..daf23d06 100644 --- a/app/styles/components/notification-message.scss +++ b/app/styles/components/notification-message.scss @@ -128,10 +128,12 @@ color: $white; line-height: 1.5rem; } - .icon-delete { - @extend %larger; - color: $white; + .close { margin-right: 1rem; + width: 2rem; + path { + fill: $white; + } } } diff --git a/app/svg/remove.svg b/app/svg/remove.svg new file mode 100644 index 00000000..6097c7df --- /dev/null +++ b/app/svg/remove.svg @@ -0,0 +1,3 @@ + + +