From 205f337ea730dacc9453f7503885d205cc95f4f0 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 6 Mar 2023 12:16:55 +0800
Subject: [PATCH] Always display hover state on touch devices for menu

---
 .../web/components/patterns/LibraryCards/LibraryGridCard.tsx   | 3 +++
 .../web/components/patterns/LibraryCards/LibraryListCard.tsx   | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index 40ef887c2..dd7a5e961 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -143,6 +143,9 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
               css={{
                 ...MenuStyle,
                 visibility: isHovered || menuOpen ? 'unset' : 'hidden',
+                '@media (hover: none)': {
+                  visibility: 'unset',
+                },
               }}
             >
               <CardMenu
diff --git a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
index e290025d7..9489bfdc6 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
@@ -116,6 +116,9 @@ export function LibraryListCard(props: LinkedItemCardProps): JSX.Element {
               css={{
                 ...MenuStyle,
                 visibility: isHovered || menuOpen ? 'unset' : 'hidden',
+                '@media (hover: none)': {
+                  visibility: 'unset',
+                },
               }}
             >
               <CardMenu