fix(messaging): hide overlay on mobile

2026-03-07 01:15:28 +00:00 · 2022-01-15 12:52:31 +00:00
parent 8bda3123da
commit 7e4f4cf001
1 changed files with 9 additions and 6 deletions
--- a/src/components/common/messaging/Message.tsx
+++ b/src/components/common/messaging/Message.tsx
@@ -6,6 +6,7 @@ import { memo } from "preact/compat";
 import { useState } from "preact/hooks";

 import { internalEmit } from "../../../lib/eventEmitter";
+import { isTouchscreenDevice } from "../../../lib/isTouchscreenDevice";

 import { QueuedMessage } from "../../../mobx/stores/MessageQueue";

@@ -175,12 +176,14 @@ const Message = observer(
                        {message.embeds?.map((embed, index) => (
                            <Embed key={index} embed={embed} />
                        ))}
-                        {mouseHovering && !replacement && (
-                            <MessageOverlayBar
-                                message={message}
-                                queued={queued}
-                            />
-                        )}
+                        {mouseHovering &&
+                            !replacement &&
+                            !isTouchscreenDevice && (
+                                <MessageOverlayBar
+                                    message={message}
+                                    queued={queued}
+                                />
+                            )}
                    </MessageContent>
                </MessageBase>
            </div>