Revision 60570
Added by Konstantinos Triantafyllou over 3 years ago
| modules/uoa-services-library/trunk/ng-openaire-library/src/app/sharedComponents/input/input.component.ts | ||
|---|---|---|
| 91 | 91 |
<mat-chip-list #chipList> |
| 92 | 92 |
<mat-chip *ngFor="let chip of formAsArray.controls; let i=index" [selectable]="false" |
| 93 | 93 |
[removable]="removable" [attr.uk-tooltip]="getLabel(chip.value)"> |
| 94 |
<span class="uk-width-expand uk-text-truncate" [class.uk-text-small]="smallChip">{{getLabel(chip.value)}}</span>
|
|
| 95 |
<icon name="remove_circle" class="mat-chip-remove" [ratio]="smallChip?0.8:1" (click)="removed(i)"></icon> |
|
| 94 |
<span class="uk-flex uk-flex-middle"> |
|
| 95 |
<span class="uk-width-expand uk-text-truncate" [class.uk-text-small]="smallChip">{{getLabel(chip.value)}}</span>
|
|
| 96 |
<icon name="remove_circle" class="mat-chip-remove" [flex]="true" [ratio]="smallChip?0.8:1" (click)="removed(i)"></icon> |
|
| 97 |
</span> |
|
| 96 | 98 |
</mat-chip> |
| 97 | 99 |
<div class="uk-width-expand uk-position-relative chip-input"> |
| 98 | 100 |
<input #searchInput class="uk-width-1-1" [formControl]="searchControl" [matAutocomplete]="auto" |
Also available in: Unified diff
[Library | Trunk]: Add flex on chips remove icon