Как я могу сделать так, чтобы CSS-эффект зависал в приложениях Angular?

Question

У меня есть всплывающее окно входа, которое отображается, когда человек наводит курсор на конкретную иконку.Как сделать сенсорный экран удобным в приложении Angular?

Это логика из моего компонента:

private isPopupDisplayed: boolean = false;

mouseOver(event) {
    this.isPopupDisplayed = true;
    // console.log(`mouseOver ${this.isPopupDisplayed}`);

}

mouseLeave(event) {
    this.isPopupDisplayed = false;
    // console.log(`mouseLeave ${this.isPopupDisplayed}`);
}