Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-16 23:40:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Fix scroll when dragging elements. Remove scrollbars from swimlanes.

Browse source
This commit is contained in:
Andrés Manelli 2018-03-06 21:17:20 -03:00
parent 65beb89944
commit ed8471be9b
4 changed files with 5 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

3
client/components/lists/list.js
View file

@ -103,7 +103,7 @@ BlazeComponent.extendComponent({
$cards.sortable({ $cards.sortable({
connectWith: '.js-minicards:not(.js-list-full)', connectWith: '.js-minicards:not(.js-list-full)',
tolerance: 'pointer', tolerance: 'pointer',
appendTo: 'body', appendTo: '.board-canvas',
helper(evt, item) { helper(evt, item) {
const helper = item.clone(); const helper = item.clone();
if (MultiSelection.isActive()) { if (MultiSelection.isActive()) {
@ -119,7 +119,6 @@ BlazeComponent.extendComponent({
}, },
distance: 7, distance: 7,
items: itemsSelector, items: itemsSelector,
scroll: false,
placeholder: 'minicard-wrapper placeholder', placeholder: 'minicard-wrapper placeholder',
start(evt, ui) { start(evt, ui) {
ui.placeholder.height(ui.helper.height()); ui.placeholder.height(ui.helper.height());

1
client/components/lists/list.styl
View file

@ -10,6 +10,7 @@
// transparent, because that won't work during a list drag. // transparent, because that won't work during a list drag.
background: darken(white, 13%) background: darken(white, 13%)
border-left: 1px solid darken(white, 20%) border-left: 1px solid darken(white, 20%)
border-bottom: 1px solid #CCC
padding: 0 padding: 0
float: left float: left

2
client/components/swimlanes/swimlanes.js
View file

@ -7,7 +7,7 @@ BlazeComponent.extendComponent({
$swimlanesDom.sortable({ $swimlanesDom.sortable({
tolerance: 'pointer', tolerance: 'pointer',
appendTo: 'body', appendTo: '.board-canvas',
helper: 'clone', helper: 'clone',
handle: '.js-swimlane-header', handle: '.js-swimlane-header',
items: '.js-swimlane:not(.placeholder)', items: '.js-swimlane:not(.placeholder)',

7
client/components/swimlanes/swimlanes.styl
View file

@ -4,13 +4,9 @@
// Even if this background color is the same as the body we can't leave it // Even if this background color is the same as the body we can't leave it
// transparent, because that won't work during a swimlane drag. // transparent, because that won't work during a swimlane drag.
background: darken(white, 13%) background: darken(white, 13%)
border-bottom: 1px solid #CCC
display: flex display: flex
flex-direction: row flex-direction: row
margin: 0 0 10px overflow: 0;
padding: 0 40px 5px 0
overflow-x: auto
overflow-y: hidden
&.placeholder &.placeholder
background-color: rgba(0, 0, 0, .2) background-color: rgba(0, 0, 0, .2)
@ -32,6 +28,7 @@
flex-direction: row; flex-direction: row;
flex: 0 0 50px; flex: 0 0 50px;
padding-bottom: 30px; padding-bottom: 30px;
border-bottom: 1px solid #CCC
.swimlane-header .swimlane-header
writing-mode: sideways-lr; writing-mode: sideways-lr;