From 84778afc0d8ffe4f4ec9524759600516d97ba1f6 Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Fri, 11 Apr 2025 10:12:46 +0300
Subject: [PATCH] UI: Change error position for upload dialog

---
 .../components/image/upload-image-dialog.component.html     | 6 +++---
 .../components/image/upload-image-dialog.component.ts       | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui-ngx/src/app/shared/components/image/upload-image-dialog.component.html b/ui-ngx/src/app/shared/components/image/upload-image-dialog.component.html
index 11dffb1b25..47950e53b7 100644
--- a/ui-ngx/src/app/shared/components/image/upload-image-dialog.component.html
+++ b/ui-ngx/src/app/shared/components/image/upload-image-dialog.component.html
@@ -15,7 +15,7 @@
     limitations under the License.
 
 -->
-<form [formGroup]="uploadImageFormGroup" (ngSubmit)="upload()" style="width: 560px;" tb-toast toastTarget="uploadRoot">
+<form [formGroup]="uploadImageFormGroup" (ngSubmit)="upload()" style="width: 560px;">
   <mat-toolbar color="primary">
     <h2>{{ ( uploadImage ? (isScada ? 'scada.upload-symbol' : 'image.upload-image') : (isScada ? 'scada.update-symbol' : 'image.update-image') ) | translate }}</h2>
     <span class="flex-1"></span>
@@ -28,8 +28,8 @@
   <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
   </mat-progress-bar>
   <div style="height: 4px;" *ngIf="!(isLoading$ | async)"></div>
-  <div mat-dialog-content>
-    <fieldset [disabled]="isLoading$ | async">
+  <div mat-dialog-content class="relative">
+    <fieldset [disabled]="isLoading$ | async" tb-toast toastTarget="uploadRoot" >
       <tb-image-input resultAsFile
                       processImageApiLink
                       label="{{(isScada ? 'scada.symbol-preview' : 'image.image-preview') | translate}}"
diff --git a/ui-ngx/src/app/shared/components/image/upload-image-dialog.component.ts b/ui-ngx/src/app/shared/components/image/upload-image-dialog.component.ts
index 779cc021d4..11ac85f37f 100644
--- a/ui-ngx/src/app/shared/components/image/upload-image-dialog.component.ts
+++ b/ui-ngx/src/app/shared/components/image/upload-image-dialog.component.ts
@@ -174,7 +174,7 @@ export class UploadImageDialogComponent extends
       this.store.dispatch(new ActionNotificationShow({
         message: e.message,
         type: 'error',
-        verticalPosition: 'bottom',
+        verticalPosition: 'top',
         horizontalPosition: 'right',
         target: 'uploadRoot'
       }));