fix: remove hover styles for touch devices inside the message menu

GetStream · Sep 11, 2024 · 0ebde13 · 0ebde13
1 parent 8a0bda6
commit 0ebde13
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/v2/styles/MessageActionsBox/MessageActionsBox-theme.scss b/src/v2/styles/MessageActionsBox/MessageActionsBox-theme.scss
@@ -67,3 +67,11 @@
     }
   }
 }
+
+@media (hover: none) {
+  .str-chat__message-actions-box {
+    .str-chat__message-actions-list-item-button:hover {
+      background-color: transparent;
+    }
+  }
+}
diff --git a/src/v2/styles/MessageReactions/MessageReactionsSelector-theme.scss b/src/v2/styles/MessageReactions/MessageReactionsSelector-theme.scss
@@ -84,5 +84,11 @@
         background-color: var(--str-chat__message-reactions-option-selected-background-color);
       }
     }
+
+    @media (hover: none) {
+      .str-chat__message-reactions-option:hover {
+        background-color: transparent;
+      }
+    }
   }
 }