From c16f94f8da56ee90a20b13bdb3026685bc7a3891 Mon Sep 17 00:00:00 2001
From: Suzanne Aitchison <suzanne@forem.com>
Date: Fri, 13 Aug 2021 15:49:02 +0100
Subject: [PATCH] streamline hover delay for preview card (#14493)

---
 app/assets/stylesheets/profile-preview-card.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/profile-preview-card.scss b/app/assets/stylesheets/profile-preview-card.scss
index 49a46ab51..37491a02a 100644
--- a/app/assets/stylesheets/profile-preview-card.scss
+++ b/app/assets/stylesheets/profile-preview-card.scss
@@ -11,7 +11,7 @@
 
   &__content.crayons-dropdown:hover {
     display: block;
-    animation: hoverAppear 500ms;
+    animation: hoverAppear 1s;
 
     &.showing {
       animation: none;
@@ -20,7 +20,7 @@
 
   &__trigger:hover + .profile-preview-card__content.crayons-dropdown {
     display: block;
-    animation: hoverAppear 500ms;
+    animation: hoverAppear 1s;
 
     &.showing {
       animation: none;
@@ -30,14 +30,17 @@
   @keyframes hoverAppear {
     0% {
       opacity: var(--opacity-0);
+      pointer-events: none;
     }
 
     99% {
       opacity: var(--opacity-0);
+      pointer-events: none;
     }
 
     100% {
       opacity: var(--opacity-100);
+      pointer-events: unset;
     }
   }
 }