From 016b4efeea9e1d36cbdd09da049059a264cbc172 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Mon, 20 Mar 2023 11:44:08 +0200
Subject: [PATCH] UI: Fix show long notification

---
 .../shared/components/notification/notification.component.scss  | 1 +
 .../shared/components/notification/notification.component.ts    | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/ui-ngx/src/app/shared/components/notification/notification.component.scss b/ui-ngx/src/app/shared/components/notification/notification.component.scss
index 6899205736..94f6486904 100644
--- a/ui-ngx/src/app/shared/components/notification/notification.component.scss
+++ b/ui-ngx/src/app/shared/components/notification/notification.component.scss
@@ -37,6 +37,7 @@
       font-size: 14px;
       line-height: 16px;
       color: rgba(0, 0, 0, 0.76);
+      word-break: break-word;
     }
 
     .button {
diff --git a/ui-ngx/src/app/shared/components/notification/notification.component.ts b/ui-ngx/src/app/shared/components/notification/notification.component.ts
index 3e73753d14..4a5dd20a85 100644
--- a/ui-ngx/src/app/shared/components/notification/notification.component.ts
+++ b/ui-ngx/src/app/shared/components/notification/notification.component.ts
@@ -142,6 +142,8 @@ export class NotificationComponent implements OnInit {
   notificationIconColor(): object {
     if (this.notification.type === NotificationType.ALARM) {
       return {color: AlarmSeverityNotificationColors.get(this.notification.info.alarmSeverity)};
+    } else if (this.notification.type === NotificationType.RULE_ENGINE_COMPONENT_LIFECYCLE_EVENT) {
+      return {color: '#D12730'};
     }
     return null;
   }