From 703cec8066c9585bef5a13e823df13b160296757 Mon Sep 17 00:00:00 2001
From: Vladyslav Prykhodko <vlad.pryhodko@icloud.com>
Date: Mon, 7 Apr 2025 20:59:46 +0300
Subject: [PATCH] UI: Fixed import file dialog when long file name

---
 .../import-dialog.component.html              | 50 +++++++++----------
 1 file changed, 24 insertions(+), 26 deletions(-)

diff --git a/ui-ngx/src/app/shared/import-export/import-dialog.component.html b/ui-ngx/src/app/shared/import-export/import-dialog.component.html
index ff775fc555..5d354abae8 100644
--- a/ui-ngx/src/app/shared/import-export/import-dialog.component.html
+++ b/ui-ngx/src/app/shared/import-export/import-dialog.component.html
@@ -28,32 +28,30 @@
   <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
   </mat-progress-bar>
   <div mat-dialog-content>
-    <fieldset [disabled]="isLoading$ | async">
-      <div class="flex flex-1 flex-col">
-        <tb-toggle-select *ngIf="enableImportFromContent"
-                          class="flex-1"
-                          formControlName="importType">
-          <tb-toggle-option value="file">{{ importFileLabel | translate }}</tb-toggle-option>
-          <tb-toggle-option value="content">{{ importContentLabel | translate }}</tb-toggle-option>
-        </tb-toggle-select>
-        <tb-file-input *ngIf="importFormGroup.get('importType').value === 'file'"
-          [contentConvertFunction]="loadDataFromJsonContent"
-          [existingFileName]="currentFileName"
-          (fileNameChanged)="currentFileName = $event"
-          formControlName="fileContent"
-          required
-          label="{{importFileLabel | translate}}"
-          dropLabel="{{ 'import.drop-json-file-or' | translate }}"
-          accept=".json,application/json"
-          allowedExtensions="json">
-        </tb-file-input>
-        <tb-json-object-edit *ngIf="importFormGroup.get('importType').value === 'content'"
-          formControlName="jsonContent"
-          jsonRequired
-          label="{{ importContentLabel | translate }}">
-        </tb-json-object-edit>
-      </div>
-    </fieldset>
+    <div class="flex flex-1 flex-col">
+      <tb-toggle-select *ngIf="enableImportFromContent"
+                        class="flex-1"
+                        formControlName="importType">
+        <tb-toggle-option value="file">{{ importFileLabel | translate }}</tb-toggle-option>
+        <tb-toggle-option value="content">{{ importContentLabel | translate }}</tb-toggle-option>
+      </tb-toggle-select>
+      <tb-file-input *ngIf="importFormGroup.get('importType').value === 'file'"
+        [contentConvertFunction]="loadDataFromJsonContent"
+        [existingFileName]="currentFileName"
+        (fileNameChanged)="currentFileName = $event"
+        formControlName="fileContent"
+        required
+        label="{{importFileLabel | translate}}"
+        dropLabel="{{ 'import.drop-json-file-or' | translate }}"
+        accept=".json,application/json"
+        allowedExtensions="json">
+      </tb-file-input>
+      <tb-json-object-edit *ngIf="importFormGroup.get('importType').value === 'content'"
+        formControlName="jsonContent"
+        jsonRequired
+        label="{{ importContentLabel | translate }}">
+      </tb-json-object-edit>
+    </div>
   </div>
   <div mat-dialog-actions class="flex items-center justify-end">
     <button mat-button color="primary"