Input component move icon to top in case of textarea input
This commit is contained in:
parent
9d40a969c5
commit
9a979b1015
|
@ -36,3 +36,8 @@
|
||||||
.chip-input {
|
.chip-input {
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.left.top, .right.top {
|
||||||
|
top: 20%;
|
||||||
|
transform: translateY(-20%);
|
||||||
|
}
|
||||||
|
|
|
@ -38,12 +38,12 @@ export interface Option {
|
||||||
<div [class.uk-hidden]="hideControl" class="uk-width-expand uk-position-relative"
|
<div [class.uk-hidden]="hideControl" class="uk-width-expand uk-position-relative"
|
||||||
[class.uk-flex-first]="!extraLeft">
|
[class.uk-flex-first]="!extraLeft">
|
||||||
<ng-template [ngIf]="icon && formControl.enabled">
|
<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>
|
<icon [name]="icon"></icon>
|
||||||
</span>
|
</span>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
<ng-template [ngIf]="formControl.disabled">
|
<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>
|
<icon [name]="'lock'"></icon>
|
||||||
</span>
|
</span>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
Loading…
Reference in New Issue