fix: Prevent hover styling when MenuItem is controlled

2022-11-28 21:18:15 -05:00
parent fbeaa2ec9f
commit 59d9859a64
1 changed files with 5 additions and 0 deletions
--- a/app/components/ContextMenu/MenuItem.tsx
+++ b/app/components/ContextMenu/MenuItem.tsx
@@ -145,6 +145,9 @@ export const MenuAnchorCSS = css<MenuAnchorProps>`
      ? "pointer-events: none;"
      : `

+  ${
+    props.$active === undefined &&
+    `
  @media (hover: hover) {
    &:hover,
    &:focus,
@@ -159,6 +162,8 @@ export const MenuAnchorCSS = css<MenuAnchorProps>`
      }
    }
  }
+  `
+  }

  ${
    props.$active &&