From e4a6d29d7b929ef9449e3e8f62061d6f1839e928 Mon Sep 17 00:00:00 2001
From: Daniel Spaude <daniel@spaude.de>
Date: Thu, 29 Dec 2022 21:55:40 +0100
Subject: [PATCH] mobile optimisations - hide more elements when in mobile mode

---
 .../nc-gui/components/smartsheet/toolbar/ViewActions.vue  | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue b/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
index 41255b30a5..cee7a6746e 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
@@ -23,6 +23,8 @@ const { t } = useI18n()
 
 const sharedViewListDlg = ref(false)
 
+const { isMobileMode } = useGlobal()
+
 const isPublicView = inject(IsPublicInj, ref(false))
 
 const isView = false
@@ -199,7 +201,7 @@ useMenuCloseOnEsc(open)
               </div>
             </a-menu-item>
 
-            <a-menu-item v-if="!isSqlView">
+            <a-menu-item v-if="!isSqlView && !isMobileMode">
               <div
                 v-if="isUIAllowed('webhook') && !isView && !isPublicView"
                 v-e="['c:actions:webhook']"
@@ -211,7 +213,7 @@ useMenuCloseOnEsc(open)
               </div>
             </a-menu-item>
 
-            <a-menu-item v-if="!isSharedBase && !isPublicView">
+            <a-menu-item v-if="!isSharedBase && !isPublicView && !isMobileMode">
               <div v-e="['c:snippet:open']" class="py-2 flex gap-2 items-center" @click="showApiSnippetDrawer = true">
                 <MdiXml class="text-gray-500" />
                 <!-- Get API Snippet -->
@@ -220,7 +222,7 @@ useMenuCloseOnEsc(open)
             </a-menu-item>
 
             <a-menu-item>
-              <div v-e="['c:erd:open']" class="py-2 flex gap-2 items-center nc-view-action-erd" @click="showErd = true">
+              <div v-if="!isMobileMode" v-e="['c:erd:open']" class="py-2 flex gap-2 items-center nc-view-action-erd" @click="showErd = true">
                 <MaterialSymbolsAccountTreeRounded class="text-gray-500" />
                 {{ $t('title.erdView') }}
               </div>