diff --git a/notifications/notify-form/notify-form.component.css b/notifications/notify-form/notify-form.component.css index 854d898f..59e9ea76 100644 --- a/notifications/notify-form/notify-form.component.css +++ b/notifications/notify-form/notify-form.component.css @@ -7,7 +7,7 @@ } [notify-form] .input-wrapper.recipients { - --input-padding-horizontal: 0; + --input-padding-horizontal: 0px; --input-font-size: 14px; --input-placeholder-weight: 700; --input-placeholder-color: var(--grey-color); diff --git a/sharedComponents/input/input.component.ts b/sharedComponents/input/input.component.ts index 5b4dad27..930ee5fa 100644 --- a/sharedComponents/input/input.component.ts +++ b/sharedComponents/input/input.component.ts @@ -93,7 +93,7 @@ declare var UIkit;
+ [attr.uk-tooltip]="(tooltip)?('title: ' + getLabel(chip.value) + '; delay: 500; pos: bottom-left'):null"> {{getLabel(chip.value)}} @@ -258,6 +258,9 @@ export class InputComponent implements OnInit, OnDestroy, AfterViewInit, OnChang return option; } }); + if(!this.tooltip) { + this.tooltip = this.optionsArray.length > 0; + } if(this.type === "select") { if (this.optionsArray.length > 7) { this.type = 'autocomplete'; @@ -265,7 +268,6 @@ export class InputComponent implements OnInit, OnDestroy, AfterViewInit, OnChang this.icon = this.selectArrow; } this.selectable = true; - this.tooltip = true; } }