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

Input component move icon to top in case of textarea input

This commit is contained in:
Konstantinos Triantafyllou 2021-09-07 11:13:10 +03:00
parent 9d40a969c5
commit 9a979b1015
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
sharedComponents/input/input.component.css
View File

@ -36,3 +36,8 @@
.chip-input {
min-width: 100px;
}
.left.top, .right.top {
top: 20%;
transform: translateY(-20%);
}

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

@ -38,12 +38,12 @@ export interface Option {
<div [class.uk-hidden]="hideControl" class="uk-width-expand uk-position-relative"
[class.uk-flex-first]="!extraLeft">
<ng-template [ngIf]="icon && formControl.enabled">
<span class="uk-text-muted" [ngClass]="iconLeft?('left'):'right'">
<span class="uk-text-muted" [class.top]="type === 'textarea'" [ngClass]="iconLeft?('left'):'right'">
<icon [name]="icon"></icon>
</span>
</ng-template>
<ng-template [ngIf]="formControl.disabled">
<span class="uk-text-muted left">
<span class="uk-text-muted left" [class.top]="type === 'textarea'">
<icon [name]="'lock'"></icon>
</span>
</ng-template>