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 1/4] 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;
+  }
 }

From f89cda25142dad8e64383bfc1c6edb47ee19e046 Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Mon, 21 Oct 2024 12:14:10 +0300
Subject: [PATCH 2/4] [4549] added mobile screen support

---
 .../shared/components/dialog/confirm-dialog.component.scss  | 6 ++++++
 1 file changed, 6 insertions(+)

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 7ecfdcb3f3..394fb79590 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
@@ -13,6 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+@import "../../../../scss/constants";
+
 :host {
   .mat-mdc-dialog-content {
     padding: 0 24px 24px;
@@ -20,5 +22,9 @@
 
   .dialog-title {
     max-width: 80vw;
+
+    @media #{$mat-lt-sm} {
+      max-width: 100%;
+    }
   }
 }

From b6b1d97b76c27d5b5c3f9ccc266f961d1482481b Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Mon, 21 Oct 2024 12:16:11 +0300
Subject: [PATCH 3/4] [4549] refactoring

---
 .../app/shared/components/dialog/confirm-dialog.component.scss  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 394fb79590..d2185e1a05 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
@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@import "../../../../scss/constants";
+@import "constants";
 
 :host {
   .mat-mdc-dialog-content {

From 33b1cc34ee0144b4d462101117c88349c1e43ee3 Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Fri, 1 Nov 2024 16:11:06 +0200
Subject: [PATCH 4/4] deleted useless class

---
 .../components/dialog/confirm-dialog.component.html    |  2 +-
 .../components/dialog/confirm-dialog.component.scss    | 10 ----------
 2 files changed, 1 insertion(+), 11 deletions(-)

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 ac5c9f1fab..c9bca14480 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 class="dialog-title" tbTruncateWithTooltip>{{data.title}}</h2>
+<h2 mat-dialog-title tbTruncateWithTooltip>{{data.title}}</h2>
 <div mat-dialog-content [innerHTML]="data.message | safe: 'html'"></div>
 <div mat-dialog-actions class="flex items-center justify-end">
   <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 d2185e1a05..5d17e091d5 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
@@ -13,18 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-@import "constants";
-
 :host {
   .mat-mdc-dialog-content {
     padding: 0 24px 24px;
   }
-
-  .dialog-title {
-    max-width: 80vw;
-
-    @media #{$mat-lt-sm} {
-      max-width: 100%;
-    }
-  }
 }