From 517610ac6db4b612ffe69739258b1f513b826877 Mon Sep 17 00:00:00 2001 From: schroda <50052685+schroda@users.noreply.github.com> Date: Sat, 29 Mar 2025 03:11:32 +0100 Subject: [PATCH] Fix manga list option menu on mobile --- src/modules/manga/components/MangaOptionButton.tsx | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/src/modules/manga/components/MangaOptionButton.tsx b/src/modules/manga/components/MangaOptionButton.tsx index 9e2a6502..fc89f29e 100644 --- a/src/modules/manga/components/MangaOptionButton.tsx +++ b/src/modules/manga/components/MangaOptionButton.tsx @@ -16,7 +16,6 @@ import { PopupState } from 'material-ui-popup-state/hooks'; import { bindTrigger } from 'material-ui-popup-state'; import { CustomTooltip } from '@/modules/core/components/CustomTooltip.tsx'; import { SelectableCollectionReturnType } from '@/modules/collection/hooks/useSelectableCollection.ts'; -import { MediaQuery } from '@/modules/core/utils/MediaQuery.tsx'; import { MangaType } from '@/lib/graphql/generated/graphql.ts'; export const MangaOptionButton = forwardRef( @@ -38,8 +37,6 @@ export const MangaOptionButton = forwardRef( ) => { const { t } = useTranslation(); - const isTouchDevice = MediaQuery.useIsTouchDevice(); - const bindTriggerProps = useMemo(() => bindTrigger(popupState), [popupState]); const preventDefaultAction = (e: BaseSyntheticEvent) => { @@ -53,8 +50,6 @@ export const MangaOptionButton = forwardRef( }; const handleClick = (e: MouseEvent | TouchEvent) => { - if (isTouchDevice) return; - preventDefaultAction(e); popupState.open(e); bindTriggerProps.onClick(e as any); @@ -109,8 +104,7 @@ export const MangaOptionButton = forwardRef( visibility: popupState.isOpen ? 'visible' : 'hidden', pointerEvents: 'none', '@media not (pointer: fine)': { - visibility: 'hidden', - pointerEvents: undefined, + display: 'none', }, }} onMouseDown={(e) => e.stopPropagation()}