inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

AAE-5122 Change mouse event to leave in tooltip card (#6978)

Browse Source
This commit is contained in:
Pablo Martinez Garcia
2021-05-06 21:36:20 +02:00
committed by GitHub
parent f5c29a5ec8
commit 12652b53b8
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/core/directives/tooltip-card/tooltip-card.component.ts
View File

@@ -26,10 +26,10 @@ import { DomSanitizer } from '@angular/platform-browser';
trigger('tooltip', [ trigger('tooltip', [
transition(':enter', [ transition(':enter', [
style({ opacity: 0 }), style({ opacity: 0 }),
animate(500, style({ opacity: 1 })) animate(200, style({ opacity: 1 }))
]), ]),
transition(':leave', [ transition(':leave', [
animate(500, style({ opacity: 0 })) animate(200, style({ opacity: 0 }))
]) ])
]) ])

2
lib/core/directives/tooltip-card/tooltip-card.directive.spec.ts
View File

@@ -91,7 +91,7 @@ describe('TooltipCardDirective', () => {
let tooltipCard = overlay.querySelector<HTMLElement>('div.adf-tooltip-card'); let tooltipCard = overlay.querySelector<HTMLElement>('div.adf-tooltip-card');
expect(tooltipCard).not.toBeNull(); expect(tooltipCard).not.toBeNull();
span.triggerEventHandler('mouseout', {}); span.triggerEventHandler('mouseleave', {});
fixture.detectChanges(); fixture.detectChanges();
tooltipCard = overlay.querySelector<HTMLElement>('div.adf-tooltip-card'); tooltipCard = overlay.querySelector<HTMLElement>('div.adf-tooltip-card');
expect(tooltipCard).toBeNull(); expect(tooltipCard).toBeNull();

2
lib/core/directives/tooltip-card/tooltip-card.directive.ts
View File

@@ -70,7 +70,7 @@ export class TooltipCardDirective implements OnInit, OnDestroy {
tooltipRef.instance.htmlContent = this.htmlContent; tooltipRef.instance.htmlContent = this.htmlContent;
} }
@HostListener('mouseout') @HostListener('mouseleave')
hide() { hide() {
this.overlayRef.detach(); this.overlayRef.detach();
} }