diff --git a/alfa-client/libs/design-system/src/lib/tooltip/tooltip.directive.ts b/alfa-client/libs/design-system/src/lib/tooltip/tooltip.directive.ts index bf7ca48dedaa7b65edf99bdd94c971e4fea56d14..ad238fc30e5c06357950f574eae44f518582a75a 100644 --- a/alfa-client/libs/design-system/src/lib/tooltip/tooltip.directive.ts +++ b/alfa-client/libs/design-system/src/lib/tooltip/tooltip.directive.ts @@ -23,17 +23,7 @@ */ import { isEscapeKey, isNotNull } from '@alfa-client/tech-shared'; import { InteractivityChecker } from '@angular/cdk/a11y'; -import { - ComponentRef, - Directive, - ElementRef, - HostListener, - inject, - Input, - OnDestroy, - Renderer2, - ViewContainerRef, -} from '@angular/core'; +import { ComponentRef, Directive, ElementRef, HostListener, inject, Input, OnDestroy, Renderer2, ViewContainerRef, } from '@angular/core'; import { isEmpty, isNull, uniqueId } from 'lodash-es'; import { TooltipComponent } from './tooltip.component'; @@ -41,6 +31,7 @@ export enum TooltipPosition { ABOVE = 'above', BELOW = 'below', } + const OUTLINE_INDENT = 4; // Outline offset (2) + outline width (2) type TooltipAriaType = 'aria-describedby' | 'aria-labelledby'; @@ -60,6 +51,7 @@ export class TooltipDirective implements OnDestroy { this.createTooltip(value); } + @Input() tooltipPosition: TooltipPosition = TooltipPosition.BELOW; @Input() tooltipAriaType: TooltipAriaType = 'aria-describedby'; @@ -93,7 +85,6 @@ export class TooltipDirective implements OnDestroy { @HostListener('mouseleave') @HostListener('focusout') - @HostListener('window:resize') hideTooltip(): void { this.hide(); }