summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/boards/components
diff options
context:
space:
mode:
authorPhil Hughes <me@iamphill.com>2016-08-09 12:10:19 +0100
committerPhil Hughes <me@iamphill.com>2016-08-17 17:17:39 +0100
commita09b850aa9f7783e064ff9cc0840217faaf85994 (patch)
tree3bc24bb7e162ee559d4e329da991d16390ffcaf5 /app/assets/javascripts/boards/components
parent324067e2332b8f6ee886bf2586ccb2277772cc8f (diff)
downloadgitlab-ce-a09b850aa9f7783e064ff9cc0840217faaf85994.tar.gz
Mobile improvements
Diffstat (limited to 'app/assets/javascripts/boards/components')
-rw-r--r--app/assets/javascripts/boards/components/board.js.es66
-rw-r--r--app/assets/javascripts/boards/components/board_list.js.es66
2 files changed, 10 insertions, 2 deletions
diff --git a/app/assets/javascripts/boards/components/board.js.es6 b/app/assets/javascripts/boards/components/board.js.es6
index a5fb1809760..13853910d14 100644
--- a/app/assets/javascripts/boards/components/board.js.es6
+++ b/app/assets/javascripts/boards/components/board.js.es6
@@ -42,7 +42,7 @@
}
},
ready: function () {
- const options = _.extend({
+ let options = _.extend({
disabled: this.disabled,
group: 'boards',
draggable: '.is-draggable',
@@ -52,6 +52,10 @@
}
}, gl.boardSortableDefaultOptions);
+ if (bp.getBreakpointSize() === 'sm' || bp.getBreakpointSize() === 'xs') {
+ options.handle = '.js-board-drag-handle';
+ }
+
Sortable.create(this.$el.parentNode, options);
}
});
diff --git a/app/assets/javascripts/boards/components/board_list.js.es6 b/app/assets/javascripts/boards/components/board_list.js.es6
index c09b7777c33..350b0e6ba0e 100644
--- a/app/assets/javascripts/boards/components/board_list.js.es6
+++ b/app/assets/javascripts/boards/components/board_list.js.es6
@@ -46,7 +46,7 @@
},
ready: function () {
const list = this.list;
- const options = _.extend({
+ let options = _.extend({
group: 'issues',
disabled: this.disabled,
onAdd: (e) => {
@@ -62,6 +62,10 @@
}
}, gl.boardSortableDefaultOptions);
+ if (bp.getBreakpointSize() === 'sm' || bp.getBreakpointSize() === 'xs') {
+ options.handle = '.js-card-drag-handle';
+ }
+
Sortable.create(this.$els.list, options);
// Scroll event on list to load more