Add delay of 1.5s for draggable items on touch devices

This commit is contained in:
Frederic Guillot
2015-08-29 11:57:09 -04:00
parent f4c3ca9991
commit 720d1bc3bd
14 changed files with 80 additions and 35 deletions

View File

@@ -113,12 +113,13 @@ Board.prototype.dragAndDrop = function() {
var self = this;
$(".board-task-list").sortable({
forcePlaceholderSize: true,
delay: 300,
delay: $.support.touch ? 1500 : 300,
distance: 5,
connectWith: ".board-task-list",
placeholder: "draggable-placeholder",
items: ".draggable-item",
stop: function(event, ui) {
ui.item.removeClass("draggable-item-selected");
self.save(
ui.item.attr('data-task-id'),
ui.item.parent().attr("data-column-id"),
@@ -127,6 +128,7 @@ Board.prototype.dragAndDrop = function() {
);
},
start: function(event, ui) {
ui.item.addClass("draggable-item-selected");
ui.placeholder.height(ui.item.height());
}
});
@@ -225,7 +227,6 @@ Board.prototype.hideColumn = function(columnId) {
$(".board-column-" + columnId + " .board-rotation").each(function() {
var position = $(".board-swimlane").position();
// $(".board-column-task-collapsed").height($(window).height() - position.top);
$(this).css("width", $(".board-column-" + columnId + "").height());
});

View File

@@ -268,6 +268,7 @@ Gantt.prototype.listenForBlockResize = function(startDate) {
jQuery("div.ganttview-block", this.options.container).resizable({
grid: this.options.cellWidth,
handles: "e,w",
delay: $.support.touch ? 1500 : 300,
stop: function() {
var block = jQuery(this);
self.updateDataAndPosition(block, startDate);
@@ -282,6 +283,7 @@ Gantt.prototype.listenForBlockMove = function(startDate) {
jQuery("div.ganttview-block", this.options.container).draggable({
axis: "x",
delay: $.support.touch ? 1500 : 300,
grid: [this.options.cellWidth, this.options.cellWidth],
stop: function() {
var block = jQuery(this);