extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 06:30:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

Disable dragging toolbar items in mobile view since it interferes with scrolling the 3-dots more actions list

Browse Source
This commit is contained in:
nathan 2024-11-21 11:55:33 -07:00
parent a66eb56bde
commit 3e24641d6b
1 changed files with 78 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
api/js/etemplate/et2_widget_toolbar.ts
View File

@ -463,10 +463,14 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput
this.actionbox[0].classList.add(`et2_toolbar_dropzone_more${this.id}`);
this.actions = actions;
if(!egwIsMobile())
{
let dragPosition = {x: 0, y: 0};
let dragTranslate = {x: 0, y: 0};
let draggables = this.getDOMNode().querySelectorAll(`.et2_toolbar_draggable${this.id}`);
draggables.forEach(_item => {
draggables.forEach(_item =>
{
interact(_item).draggable({
startAxis: 'xy',
listeners: {
@ -502,7 +506,8 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput
dropzoneElement, // dropzone element
draggable, // draggable Interactable
draggableElement // draggable element
) {
)
{
return dropped && !dropzoneElement.contains(draggableElement);
},
accept: `.et2_toolbar_draggable${this.id}`,
@ -521,7 +526,8 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput
}
});
const menulist = [`.et2_toolbar_dropzone_more${this.id}`, `#${this.id}-menulist`];
menulist.forEach(_item => {
menulist.forEach(_item =>
{
interact(_item).unset();
interact(_item).dropzone({
checker: function(
@ -532,7 +538,8 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput
dropzoneElement, // dropzone element
draggable, // draggable Interactable
draggableElement // draggable element
) {
)
{
console.log(dragEvent);
return dropped && !dropzoneElement.contains(draggableElement);
@ -558,6 +565,7 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput
}
});
});
}
toolbox.on('toggle', (e)=>{
const details = <HTMLDetailsElement>e.target;