From 0ebde139549e201cc5a02abe84618715aa9ea5e4 Mon Sep 17 00:00:00 2001
From: Zita Szupera <szuperaz@gmail.com>
Date: Wed, 11 Sep 2024 13:37:53 +0200
Subject: [PATCH] fix: remove hover styles for touch devices inside the message
 menu

---
 .../styles/MessageActionsBox/MessageActionsBox-theme.scss | 8 ++++++++
 .../MessageReactions/MessageReactionsSelector-theme.scss  | 6 ++++++
 2 files changed, 14 insertions(+)

diff --git a/src/v2/styles/MessageActionsBox/MessageActionsBox-theme.scss b/src/v2/styles/MessageActionsBox/MessageActionsBox-theme.scss
index 32e81f30..21d9ff79 100644
--- 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
index ee6c73e5..1a715545 100644
--- 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;
+      }
+    }
   }
 }