Fixes autocomplete scaling chip bug. (Issue #176)
This commit is contained in:
parent
94550ce0c4
commit
f45e41a625
|
@ -1,6 +1,6 @@
|
||||||
<div class="row multiple-auto-complete">
|
<div class="row multiple-auto-complete">
|
||||||
<mat-chip-list #chipList ngDefaultControl class="col multi-chip-list" [disabled]="disabled">
|
<mat-chip-list #chipList ngDefaultControl class="col multi-chip-list" [disabled]="disabled">
|
||||||
<mat-chip *ngFor="let selectedItem of (_chipItems() | jsonParser)" [disabled]="disabled" [selectable]="selectable" [removable]="removable" (removed)="_removeSelectedItem(selectedItem)">
|
<mat-chip *ngFor="let selectedItem of (_chipItems() | jsonParser)" [disabled]="disabled" [selectable]="selectable" [removable]="removable" (removed)="_removeSelectedItem(selectedItem)" class="chip">
|
||||||
{{this._displayFn(selectedItem)}}
|
{{this._displayFn(selectedItem)}}
|
||||||
<mat-icon matChipRemove *ngIf="!disabled && removable">cancel</mat-icon>
|
<mat-icon matChipRemove *ngIf="!disabled && removable">cancel</mat-icon>
|
||||||
</mat-chip>
|
</mat-chip>
|
||||||
|
|
|
@ -4,6 +4,12 @@
|
||||||
|
|
||||||
.multi-chip-list {
|
.multi-chip-list {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
|
||||||
|
.chip {
|
||||||
|
border-radius: 2em !important;
|
||||||
|
height: auto !important;
|
||||||
|
min-width: fit-content !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.multi-loading-bar {
|
.multi-loading-bar {
|
||||||
|
|
Loading…
Reference in New Issue