Fix sticky hover state for icons on mobile

5 years ago · 665904781b
1 changed files with 7 additions and 2 deletions
--- a/packages/client/src/components/app/Icon.svelte
+++ b/packages/client/src/components/app/Icon.svelte
@ -36,8 +36,13 @@
  div {
    font-style: italic;
  }
-  .hoverable:hover {
+  @media (hover: hover) {
+    .hoverable:hover {
+      color: var(--spectrum-alias-icon-color-selected-hover) !important;
+      cursor: pointer;
+    }
+  }
+  .hoverable:active {
    color: var(--spectrum-alias-icon-color-selected-hover) !important;
-    cursor: pointer;
  }
 </style>