From 2594a7caa5f1b79ba66a1ecbdca7f1467c8f2177 Mon Sep 17 00:00:00 2001 From: ajnart Date: Mon, 6 Jun 2022 17:37:42 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Disable=20item=20selection=20on?= =?UTF-8?q?=20mobile?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fixed Disable text selection in iOS (touch devices) #166 --- src/components/AppShelf/AppShelfItem.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/AppShelf/AppShelfItem.tsx b/src/components/AppShelf/AppShelfItem.tsx index 31bc16349..b3a7c15fa 100644 --- a/src/components/AppShelf/AppShelfItem.tsx +++ b/src/components/AppShelf/AppShelfItem.tsx @@ -15,6 +15,9 @@ const useStyles = createStyles((theme) => ({ boxShadow: `${theme.shadows.md} !important`, transform: 'scale(1.05)', }, + [theme.fn.smallerThan('sm')]: { + WebkitUserSelect: 'none', + }, }, })); @@ -38,7 +41,7 @@ export function SortableAppShelfItem(props: any) { export function AppShelfItem(props: any) { const { service }: { service: serviceItem } = props; const [hovering, setHovering] = useState(false); - const { classes, theme } = useStyles(); + const { classes } = useStyles(); return (