Commits

andreaNeki authored and github-actions[bot] committed 1c8c5de5706
Issue 3426 - Aligning the browse button

(cherry picked from commit ddafda33b8c4730a732a133147451390ee2c7ab7)
No tags

src/app/shared/upload/uploader/uploader.component.html

Modified
12 12 </div>
13 13 </div>
14 14 <div [attr.id]="uploaderId" class="row">
15 15 <div class="col-md-12">
16 16 <div ng2FileDrop
17 17 [ngClass]="{'ds-base-drop-zone-file-over': (isOverBaseDropZone | async)}"
18 18 [uploader]="uploader"
19 19 (fileOver)="fileOverBase($event)"
20 20 class="well ds-base-drop-zone mt-1 mb-3 text-muted">
21 21 <div class="text-center m-0 p-2 d-flex justify-content-center align-items-center" *ngIf="uploader?.queue?.length === 0">
22 - <span>
23 - <i class="fas fa-upload" aria-hidden="true"></i>
22 + <span class="d-flex align-items-center">
23 + <i class="fas fa-upload pr-1" aria-hidden="true"></i>
24 24 {{dropMsg | translate}}{{'uploader.or' | translate}}
25 25 <label for="inputFileUploader-{{uploaderId}}" class="btn btn-link m-0 p-0 ml-1" tabindex="0" (keyup.enter)="$event.stopImmediatePropagation(); fileInput.click()">
26 26 <span role="button" [attr.aria-label]="ariaLabel | translate">{{'uploader.browse' | translate}}</span>
27 27 </label>
28 28 <input #fileInput id="inputFileUploader-{{uploaderId}}" class="d-none" type="file" ng2FileSelect [uploader]="uploader" multiple tabindex="0" />
29 29 </span>
30 30 </div>
31 31 <div *ngIf="(isOverBaseDropZone | async) || uploader?.queue?.length !== 0">
32 32 <div class="m-1">
33 33 <div class="upload-item-top">

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut