hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix issue with misaligned loading icon on tag field

Browse Source
This commit is contained in:
Giuseppe Digilio
2021-07-08 20:33:43 +02:00
parent 9875b61082
commit 28707f9a4c
2 changed files with 28 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/shared/form/builder/ds-dynamic-form-ui/models/tag/dynamic-tag.component.html
View File

@@ -21,11 +21,10 @@
(keydown)="preventEventsPropagation($event)" (keydown)="preventEventsPropagation($event)"
(keyup)="onKeyUp($event)" /> (keyup)="onKeyUp($event)" />
<div *ngIf="model.hasAuthority" class="position-relative right-addon">
<input *ngIf="model.hasAuthority" <i *ngIf="searching" class="fas fa-circle-notch fa-spin fa-2x fa-fw text-primary position-absolute mt-1 p-0" aria-hidden="true"></i>
class="border-0 form-control-plaintext tag-input flex-grow-1 mt-1 mb-1" <input class="border-0 form-control-plaintext tag-input flex-grow-1 mt-1 mb-1"
type="text" type="text"
role="textbox"
[attr.aria-labelledby]="'label_' + model.id" [attr.aria-labelledby]="'label_' + model.id"
[(ngModel)]="currentValue" [(ngModel)]="currentValue"
[attr.autoComplete]="model.autoComplete" [attr.autoComplete]="model.autoComplete"
@@ -48,6 +47,6 @@
(keydown)="preventEventsPropagation($event)" (keydown)="preventEventsPropagation($event)"
(keyup)="onKeyUp($event)" (keyup)="onKeyUp($event)"
#instance="ngbTypeahead"/> #instance="ngbTypeahead"/>
<i *ngIf="searching" class="fas fa-circle-notch fa-spin fa-2x fa-fw text-primary position-absolute mt-1 p-0" aria-hidden="true"></i> </div>
</ds-chips> </ds-chips>

7
src/app/shared/form/builder/ds-dynamic-form-ui/models/tag/dynamic-tag.component.scss
View File

@@ -1,8 +1,5 @@
/* style fa-spin */ @import '../../../../form.component';
.fa-spin {
pointer-events: none;
right: 0;
}
.chips-left { .chips-left {
left: 0; left: 0;
padding-right: 100%; padding-right: 100%;