AS1024/Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust automatically the height of the placeholder during drag and drop

Browse Source
This commit is contained in:
Frederic Guillot
2015-08-22 22:09:27 -04:00
parent 1cc99dcf2a
commit 312dfbb89e
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ChangeLog
View File

@@ -15,12 +15,13 @@ New features:
* Add start/end date for projects * Add start/end date for projects
* Add new automated action to change task color based on the task link * Add new automated action to change task color based on the task link
* Add milestone marker in board task * Add milestone marker in board task
* Add search in task title when using an integer only input
* Add Portuguese (European) translation * Add Portuguese (European) translation
* Add Norwegian translation * Add Norwegian translation
Improvements: Improvements:
* Add search in task title when using an integer only input * Adjust automatically the height of the placeholder during drag and drop
* Show all tasks when using no search criteria * Show all tasks when using no search criteria
* Add column vertical scrolling * Add column vertical scrolling
* Set dynamically column height based on viewport size * Set dynamically column height based on viewport size

2
assets/js/app.js
View File

File diff suppressed because one or more lines are too long

8
assets/js/src/Board.js
View File

@@ -99,8 +99,8 @@ Board.prototype.resizeColumnHeight = function() {
if ($(this).height() > 500) { if ($(this).height() > 500) {
$(this).height(500); $(this).height(500);
} }
else if ($(this).height() == 0) { else {
$(this).height(75); $(this).css("min-height", 100);
} }
}); });
} }
@@ -112,6 +112,7 @@ Board.prototype.resizeColumnHeight = function() {
Board.prototype.dragAndDrop = function() { Board.prototype.dragAndDrop = function() {
var self = this; var self = this;
$(".board-task-list").sortable({ $(".board-task-list").sortable({
forcePlaceholderSize: true,
delay: 300, delay: 300,
distance: 5, distance: 5,
connectWith: ".board-task-list", connectWith: ".board-task-list",
@@ -124,6 +125,9 @@ Board.prototype.dragAndDrop = function() {
ui.item.index() + 1, ui.item.index() + 1,
ui.item.parent().attr('data-swimlane-id') ui.item.parent().attr('data-swimlane-id')
); );
},
start: function(event, ui) {
ui.placeholder.height(ui.item.height());
} }
}); });
}; };