From 3d478246bf7abca4938395208f765b589ea90b7a Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 27 Mar 2022 19:52:11 -0700
Subject: [PATCH] fix: Remove 'full width' option from document menu on mobile

---
 app/menus/DocumentMenu.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/menus/DocumentMenu.tsx b/app/menus/DocumentMenu.tsx
index 3e15da9b6..6af096185 100644
--- a/app/menus/DocumentMenu.tsx
+++ b/app/menus/DocumentMenu.tsx
@@ -43,6 +43,7 @@ import { actionToMenuItem } from "~/actions";
 import { pinDocument } from "~/actions/definitions/documents";
 import useActionContext from "~/hooks/useActionContext";
 import useCurrentTeam from "~/hooks/useCurrentTeam";
+import useMobile from "~/hooks/useMobile";
 import usePolicy from "~/hooks/usePolicy";
 import useStores from "~/hooks/useStores";
 import useToasts from "~/hooks/useToasts";
@@ -95,6 +96,7 @@ function DocumentMenu({
     activeCollectionId: document.collectionId,
   });
   const { t } = useTranslation();
+  const isMobile = useMobile();
   const [renderModals, setRenderModals] = React.useState(false);
   const [showDeleteModal, setShowDeleteModal] = React.useState(false);
   const [
@@ -450,7 +452,7 @@ function DocumentMenu({
             },
           ]}
         />
-        {showDisplayOptions && (
+        {showDisplayOptions && !isMobile && (
           <>
             <Separator />
             <Style>