From 7ffb5aa0fde65c10f7540d46fbba4803f5ddab70 Mon Sep 17 00:00:00 2001
From: Ben Halpern <bendhalpern@gmail.com>
Date: Wed, 6 Oct 2021 09:26:58 -0400
Subject: [PATCH] Change preview card hover delay (#14964)

---
 app/assets/stylesheets/profile-preview-card.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/profile-preview-card.scss b/app/assets/stylesheets/profile-preview-card.scss
index c6ba1bb69..56bb47b40 100644
--- a/app/assets/stylesheets/profile-preview-card.scss
+++ b/app/assets/stylesheets/profile-preview-card.scss
@@ -1,7 +1,10 @@
+$dropdownhoverdelay: 590ms;
+$dropdowntransition: 300ms;
+
 .profile-preview-card {
   &__content.crayons-dropdown {
     transition: border, border-top;
-    transition-duration: 300ms;
+    transition-duration: $dropdowntransition;
     color: var(--base-100);
     padding-top: 0;
     top: 100%;
@@ -12,7 +15,7 @@
 
   &__content.crayons-dropdown:hover {
     display: block;
-    animation: hoverAppear 1s;
+    animation: hoverAppear $dropdownhoverdelay;
 
     &.showing {
       animation: none;
@@ -21,7 +24,7 @@
 
   &__trigger:hover + .profile-preview-card__content.crayons-dropdown {
     display: block;
-    animation: hoverAppear 1s;
+    animation: hoverAppear $dropdownhoverdelay;
 
     &.showing {
       animation: none;