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

fix: allow dragging in touc devices while reordering columns

Browse Source
This commit is contained in:
Shariq Ansari 2024-06-05 17:37:47 +05:30
parent 4131b6c111
commit c62faae5b8
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/ColumnSettings.vue
View File

@ -18,6 +18,7 @@
<Draggable <Draggable
:list="columns" :list="columns"
@end="apply" @end="apply"
:delay="isTouchScreenDevice() ? 200 : 0"
item-key="key" item-key="key"
class="list-group" class="list-group"
> >
@ -147,6 +148,7 @@ import DragIcon from '@/components/Icons/DragIcon.vue'
import ReloadIcon from '@/components/Icons/ReloadIcon.vue' import ReloadIcon from '@/components/Icons/ReloadIcon.vue'
import NestedPopover from '@/components/NestedPopover.vue' import NestedPopover from '@/components/NestedPopover.vue'
import Autocomplete from '@/components/frappe-ui/Autocomplete.vue' import Autocomplete from '@/components/frappe-ui/Autocomplete.vue'
import { isTouchScreenDevice } from '@/utils'
import Draggable from 'vuedraggable' import Draggable from 'vuedraggable'
import { computed, ref } from 'vue' import { computed, ref } from 'vue'
import { watchOnce } from '@vueuse/core' import { watchOnce } from '@vueuse/core'

4
frontend/src/utils/index.js
View File

@ -212,3 +212,7 @@ export function isEmoji(str) {
const emojiList = gemoji.map((emoji) => emoji.emoji) const emojiList = gemoji.map((emoji) => emoji.emoji)
return emojiList.includes(str) return emojiList.includes(str)
} }
export function isTouchScreenDevice() {
return "ontouchstart" in document.documentElement;
}