MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Library | Trunk]: Input component: Remove uk-text-small 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@60456 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2021-02-19 18:01:03 +00:00
parent 64e032ce0c
commit 398deec477
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
sharedComponents/input/input.component.ts
View File

@ -30,7 +30,7 @@ export interface Option {
template: ` template: `
<div *ngIf="label && type != 'checkbox'" <div *ngIf="label && type != 'checkbox'"
class="uk-text-bold uk-form-label uk-margin-small-bottom">{{label + (required ? ' *' : '')}}</div> class="uk-text-bold uk-form-label uk-margin-small-bottom">{{label + (required ? ' *' : '')}}</div>
<div *ngIf="hint" class="uk-margin-bottom uk-text-small uk-form-hint">{{hint}}</div> <div *ngIf="hint" class="uk-margin-bottom uk-form-hint">{{hint}}</div>
<div class="uk-grid uk-flex" [ngClass]="'uk-flex-' + flex" [class.uk-grid-small]="gridSmall" uk-grid> <div class="uk-grid uk-flex" [ngClass]="'uk-flex-' + flex" [class.uk-grid-small]="gridSmall" uk-grid>
<ng-content></ng-content> <ng-content></ng-content>
<div [class.uk-hidden]="hideControl" class="uk-width-expand uk-position-relative" <div [class.uk-hidden]="hideControl" class="uk-width-expand uk-position-relative"
@ -49,15 +49,14 @@ export interface Option {
<div [ngClass]="inputClass" <div [ngClass]="inputClass"
[class.uk-form-danger]="formControl.invalid && formControl.touched" [class.uk-form-danger]="formControl.invalid && formControl.touched"
[attr.uk-tooltip]="formControl.disabled?'title: This field is not editable; pos: bottom-left':''"> [attr.uk-tooltip]="formControl.disabled?'title: This field is not editable; pos: bottom-left':''">
<input class="uk-input uk-text-small" <input class="uk-input" [placeholder]="placeholder" [formControl]="formControl">
[placeholder]="placeholder" [formControl]="formControl">
</div> </div>
</ng-template> </ng-template>
<ng-template [ngIf]="type === 'textarea'"> <ng-template [ngIf]="type === 'textarea'">
<div [ngClass]="inputClass" class="uk-padding-remove-right" <div [ngClass]="inputClass" class="uk-padding-remove-right"
[class.uk-form-danger]="formControl.invalid && formControl.touched" [class.uk-form-danger]="formControl.invalid && formControl.touched"
[attr.uk-tooltip]="formControl.disabled?'title: This field is not editable; pos: bottom-left':''"> [attr.uk-tooltip]="formControl.disabled?'title: This field is not editable; pos: bottom-left':''">
<textarea class="uk-textarea uk-text-small" <textarea class="uk-textarea"
[rows]="rows" [placeholder]="placeholder" [rows]="rows" [placeholder]="placeholder"
[formControl]="formControl"> [formControl]="formControl">
</textarea> </textarea>
@ -95,7 +94,7 @@ export interface Option {
<span class="uk-width-expand uk-text-truncate" [class.uk-text-small]="smallChip">{{getLabel(chip.value)}}</span> <span class="uk-width-expand uk-text-truncate" [class.uk-text-small]="smallChip">{{getLabel(chip.value)}}</span>
<icon name="remove_circle" class="mat-chip-remove" [ratio]="smallChip?0.8:1" (click)="removed(i)"></icon> <icon name="remove_circle" class="mat-chip-remove" [ratio]="smallChip?0.8:1" (click)="removed(i)"></icon>
</mat-chip> </mat-chip>
<div class="uk-width-expand uk-position-relative uk-text-small chip-input"> <div class="uk-width-expand uk-position-relative chip-input">
<input #searchInput class="uk-width-1-1" [formControl]="searchControl" [matAutocomplete]="auto" <input #searchInput class="uk-width-1-1" [formControl]="searchControl" [matAutocomplete]="auto"
[matChipInputFor]="chipList" [matChipInputFor]="chipList"
[matChipInputAddOnBlur]="addExtraChips && searchControl.value" [matChipInputAddOnBlur]="addExtraChips && searchControl.value"