[NAB-327] - Release 2.0.0

- small changes in spacing of field list in form builder
netgrif · Aug 6, 2024 · 0e744bf · 0e744bf
1 parent d1bc535
commit 0e744bf
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 11 deletions.
diff --git a/src/app/form-builder/field-list/field-list.component.html b/src/app/form-builder/field-list/field-list.component.html
@@ -61,7 +61,7 @@ <h3 class="field-list-heading">Data fields</h3>
                                (click)="addNewField(fieldType.type, component)">
                     <div class="field-list-mat-list-item-title">
                         <mat-icon class="icon-color">drag_indicator</mat-icon>
-                        <span>{{shortening(component.title)}}</span>
+                        <span>{{component.title}}</span>
                     </div>
                 </mat-list-item>
             </mat-expansion-panel>

diff --git a/src/app/form-builder/field-list/field-list.component.scss b/src/app/form-builder/field-list/field-list.component.scss
@@ -16,8 +16,8 @@
 
 .field-list-mat-list-item {
     height: 40px;
-    padding-left: 0;
-    padding-right: 0;
+    padding-left: 8px;
+    padding-right: 4px;
 }
 
 .field-list-mat-list-item:hover {

diff --git a/src/app/form-builder/field-list/field-list.component.ts b/src/app/form-builder/field-list/field-list.component.ts
@@ -113,14 +113,6 @@ export class FieldListComponent implements OnInit, AfterViewInit {
         this.dragStartHandler($event, true);
     }
 
-    shortening(title: string) {
-        if (title?.length > 10) {
-            const tmp = title.slice(0, 10);
-            return tmp + '...';
-        }
-        return title;
-    }
-
     containsSearchExpression(item: DataVariable): boolean {
         const search = this.existingFieldsSearchInput.toLocaleLowerCase();
         return item.title?.value?.toLocaleLowerCase()?.includes(search)

diff --git a/src/styles.scss b/src/styles.scss
@@ -212,3 +212,20 @@ nab-simulation-mode {
     }
 }
 
+.field-list-expansion-panel {
+    .mat-expansion-panel-header {
+        padding-left: 8px;
+        padding-right: 4px;
+    }
+    .mat-expansion-panel-body {
+        padding-left: 8px;
+        padding-right: 4px;
+    }
+    .mat-expanded {
+        margin-bottom: 0;
+        margin-top: 0;
+    }
+    .mat-expansion-panel-header.mat-expanded {
+        height: 40px;
+    }
+}