From 0512945c57efda62dc8e78569f5c51eae924d5b2 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Sun, 15 Dec 2024 01:56:43 +0200
Subject: [PATCH] web/timeline: disable hover menu on mobile

---
 web/src/ui/timeline/TimelineEvent.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/ui/timeline/TimelineEvent.tsx b/web/src/ui/timeline/TimelineEvent.tsx
index aa49fd4..dd2b686 100644
--- a/web/src/ui/timeline/TimelineEvent.tsx
+++ b/web/src/ui/timeline/TimelineEvent.tsx
@@ -17,6 +17,7 @@ import React, { use, useCallback, useState } from "react"
 import { getAvatarURL, getMediaURL, getUserColorIndex } from "@/api/media.ts"
 import { useRoomState } from "@/api/statestore"
 import { MemDBEvent, MemberEventContent, UnreadType } from "@/api/types"
+import { isMobileDevice } from "@/util/ismobile.ts"
 import { getDisplayname, isEventID } from "@/util/validation.ts"
 import ClientContext from "../ClientContext.ts"
 import MainScreenContext from "../MainScreenContext.ts"
@@ -155,7 +156,9 @@ const TimelineEvent = ({ evt, prevEvt, disableMenu }: TimelineEventProps) => {
 		className={wrapperClassNames.join(" ")}
 		onContextMenu={onContextMenu}
 	>
-		{!disableMenu && <div className={`context-menu-container ${forceContextMenuOpen ? "force-open" : ""}`}>
+		{!disableMenu && !isMobileDevice && <div
+			className={`context-menu-container ${forceContextMenuOpen ? "force-open" : ""}`}
+		>
 			<EventHoverMenu evt={evt} setForceOpen={setForceContextMenuOpen}/>
 		</div>}
 		{renderAvatar && <div