test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: allow dragging item in kanban in mobile

Browse Source
This commit is contained in:
Shariq Ansari 2024-07-10 13:22:58 +05:30
parent 11e6615d56
commit 0e4962c361
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/Kanban/KanbanView.vue
View File

@ -5,6 +5,7 @@
:list="columns" :list="columns"
item-key="column" item-key="column"
@end="updateColumn" @end="updateColumn"
:delay="isTouchScreenDevice() ? 200 : 0"
class="flex sm:mx-2.5 mx-2 pb-3.5" class="flex sm:mx-2.5 mx-2 pb-3.5"
> >
<template #item="{ element: column }"> <template #item="{ element: column }">
@ -73,6 +74,7 @@
item-key="name" item-key="name"
class="flex flex-col gap-3.5 flex-1" class="flex flex-col gap-3.5 flex-1"
@end="updateColumn" @end="updateColumn"
:delay="isTouchScreenDevice() ? 200 : 0"
:data-column="column.column.name" :data-column="column.column.name"
> >
<template #item="{ element: fields }"> <template #item="{ element: fields }">
@ -166,6 +168,7 @@
import Autocomplete from '@/components/frappe-ui/Autocomplete.vue' import Autocomplete from '@/components/frappe-ui/Autocomplete.vue'
import NestedPopover from '@/components/NestedPopover.vue' import NestedPopover from '@/components/NestedPopover.vue'
import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue' import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue'
import { isTouchScreenDevice } from '@/utils'
import Draggable from 'vuedraggable' import Draggable from 'vuedraggable'
import { Dropdown } from 'frappe-ui' import { Dropdown } from 'frappe-ui'
import { computed } from 'vue' import { computed } from 'vue'