UI: Change error position for upload dialog

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}}"

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'
       }));