From e7d14df44fa7146e0eef6022263c1a5f4b9e8fd8 Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Tue, 18 Feb 2025 11:29:31 +0200
Subject: [PATCH] datasource truncate fix

---
 .../calculated-field-arguments-table.component.html        | 7 ++++---
 .../calculated-field-arguments-table.component.scss        | 6 +++++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.html b/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.html
index 73c3d4df73..a617db5d6d 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.html
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.html
@@ -33,7 +33,7 @@
                     <section class="datasource-field flex w-1/3 gap-2 xs:hidden">
                         @if (group.get('refEntityId')?.get('id')?.value) {
                             <ng-container [formGroup]="group.get('refEntityId')">
-                                <mat-form-field appearance="outline" class="tb-inline-field flex-1" subscriptSizing="dynamic">
+                                <mat-form-field appearance="outline" class="tb-inline-field w-1/2" subscriptSizing="dynamic">
                                     <mat-select [value]="group.get('refEntityId').get('entityType').value" formControlName="entityType">
                                         <mat-option [value]="group.get('refEntityId').get('entityType').value">
                                             {{ entityTypeTranslations.get(group.get('refEntityId').get('entityType').value)?.type | translate }}
@@ -41,12 +41,13 @@
                                     </mat-select>
                                 </mat-form-field>
                                 <tb-entity-autocomplete
-                                        class="flex-1"
+                                        class="entity-field w-1/2"
                                         formControlName="id"
                                         [inlineField]="true"
                                         [hideLabel]="true"
                                         [placeholder]="'action.set' | translate"
-                                        [entityType]="group.get('refEntityId').get('entityType').value"/>
+                                        [entityType]="group.get('refEntityId').get('entityType').value"
+                                />
                             </ng-container>
                         } @else {
                             <mat-form-field appearance="outline" class="tb-inline-field flex-1" subscriptSizing="dynamic">
diff --git a/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.scss b/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.scss
index 28bed75ef7..321cde8dfe 100644
--- a/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.scss
+++ b/ui-ngx/src/app/modules/home/components/calculated-fields/components/arguments-table/calculated-field-arguments-table.component.scss
@@ -40,9 +40,13 @@
 }
 
 :host ::ng-deep {
-  .tb-inline-field {
+  .entity-field {
     a {
       font-size: 14px;
+      white-space: nowrap;
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
   }