From 2c71a98557890b59ab86148d0a14565a2a984f5f Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 9 Jan 2025 11:54:05 +0530
Subject: [PATCH] fix: hide settings in mobile view

---
 frontend/src/components/Controls/Grid.vue | 10 ++++++++--
 frontend/src/components/UserDropdown.vue  |  3 ++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Controls/Grid.vue b/frontend/src/components/Controls/Grid.vue
index 0515015e..cf4b815f 100644
--- a/frontend/src/components/Controls/Grid.vue
+++ b/frontend/src/components/Controls/Grid.vue
@@ -51,7 +51,13 @@
       </div>
       <!-- Rows -->
       <template v-if="rows?.length">
-        <Draggable class="w-full" v-model="rows" group="rows" item-key="name">
+        <Draggable
+          class="w-full"
+          v-model="rows"
+          :delay="isTouchScreenDevice() ? 200 : 0"
+          group="rows"
+          item-key="name"
+        >
           <template #item="{ element: row, index }">
             <div
               class="grid-row flex cursor-pointer items-center border-b border-outline-gray-modals bg-surface-modals last:rounded-b last:border-b-0"
@@ -252,7 +258,7 @@ import GridRowModal from '@/components/Controls/GridRowModal.vue'
 import EditIcon from '@/components/Icons/EditIcon.vue'
 import Link from '@/components/Controls/Link.vue'
 import UserAvatar from '@/components/UserAvatar.vue'
-import { getRandom, getFormat } from '@/utils'
+import { getRandom, getFormat, isTouchScreenDevice } from '@/utils'
 import { usersStore } from '@/stores/users'
 import { getMeta } from '@/stores/meta'
 import {
diff --git a/frontend/src/components/UserDropdown.vue b/frontend/src/components/UserDropdown.vue
index b659c159..b76d63ab 100644
--- a/frontend/src/components/UserDropdown.vue
+++ b/frontend/src/components/UserDropdown.vue
@@ -54,7 +54,7 @@ import Apps from '@/components/Apps.vue'
 import { sessionStore } from '@/stores/session'
 import { usersStore } from '@/stores/users'
 import { getSettings } from '@/stores/settings'
-import { showSettings } from '@/composables/settings'
+import { showSettings, isMobileView } from '@/composables/settings'
 import { Dropdown } from 'frappe-ui'
 import { theme, toggleTheme } from '@/stores/theme'
 import { computed, h, markRaw } from 'vue'
@@ -154,6 +154,7 @@ function getStandardItem(item) {
         icon: item.icon,
         label: __(item.label),
         onClick: () => (showSettings.value = true),
+        condition: () => !isMobileView.value,
       }
     case 'logout':
       return {