[CST-4659] Deque accessibility issues - 469700

This commit is contained in:
Davide Negretti
2021-10-01 17:22:03 +02:00
parent d59e6c630d
commit 69bd118001

View File

@@ -19,11 +19,14 @@
(fileOver)="fileOverBase($event)" (fileOver)="fileOverBase($event)"
class="well ds-base-drop-zone mt-1 mb-3 text-muted"> class="well ds-base-drop-zone mt-1 mb-3 text-muted">
<div class="text-center m-0 p-2 d-flex justify-content-center align-items-center" *ngIf="uploader?.queue?.length === 0"> <div class="text-center m-0 p-2 d-flex justify-content-center align-items-center" *ngIf="uploader?.queue?.length === 0">
<span><i class="fas fa-upload" aria-hidden="true"></i> {{dropMsg | translate}} {{'uploader.or' | translate}}</span> <span>
<i class="fas fa-upload" aria-hidden="true"></i>
{{dropMsg | translate}}{{'uploader.or' | translate}}
<label for="inputFileUploader" class="btn btn-link m-0 p-0 ml-1" tabindex="0" (keyup.enter)="$event.stopImmediatePropagation(); fileInput.click()"> <label for="inputFileUploader" class="btn btn-link m-0 p-0 ml-1" tabindex="0" (keyup.enter)="$event.stopImmediatePropagation(); fileInput.click()">
<input #fileInput id="inputFileUploader" class="d-none" type="file" role="button" ng2FileSelect [uploader]="uploader" multiple tabindex="0" /> <span role="button" [attr.aria-label]="'uploader.browse' | translate">{{'uploader.browse' | translate}}</span>
{{'uploader.browse' | translate}}
</label> </label>
<input #fileInput id="inputFileUploader" class="d-none" type="file" ng2FileSelect [uploader]="uploader" multiple tabindex="0" />
</span>
</div> </div>
<div *ngIf="(isOverBaseDropZone | async) || uploader?.queue?.length !== 0"> <div *ngIf="(isOverBaseDropZone | async) || uploader?.queue?.length !== 0">
<div class="m-1"> <div class="m-1">