From 9fa028b9f72ccb079a1b770893f9377710e8eb6e Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Fri, 18 Oct 2024 19:17:32 +0300
Subject: [PATCH] Fixed dialog deletion title of entity with long name

---
 .../shared/components/dialog/confirm-dialog.component.html    | 2 +-
 .../shared/components/dialog/confirm-dialog.component.scss    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html
index 3422e983e2..dadf6d0635 100644
--- a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html
+++ b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html
@@ -15,7 +15,7 @@
     limitations under the License.
 
 -->
-<h2 mat-dialog-title>{{data.title}}</h2>
+<h2 mat-dialog-title class="dialog-title" tbTruncateWithTooltip>{{data.title}}</h2>
 <div mat-dialog-content [innerHTML]="data.message | safe: 'html'"></div>
 <div mat-dialog-actions fxLayoutAlign="end center">
   <button mat-button color="primary" [mat-dialog-close]="false">{{data.cancel}}</button>
diff --git a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss
index 5d17e091d5..7ecfdcb3f3 100644
--- a/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss
+++ b/ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.scss
@@ -17,4 +17,8 @@
   .mat-mdc-dialog-content {
     padding: 0 24px 24px;
   }
+
+  .dialog-title {
+    max-width: 80vw;
+  }
 }