Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2026-03-01 11:20:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Lists now moveable when swimlane requires scrolling

Browse source 
Fixes: #4322
This commit is contained in:
Martin Filser 2022-01-29 14:56:06 +01:00
parent a48e537b2d
commit 32af18b33d
3 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4,7 +4,6 @@
box-sizing: border-box box-sizing: border-box
display: flex display: flex
flex-direction: column flex-direction: column
flex: 0 0 270px
position: relative position: relative
// 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 list drag. // transparent, because that won't work during a list drag.
@ -12,6 +11,8 @@
border-left: 1px solid darken(white, 20%) border-left: 1px solid darken(white, 20%)
padding: 0 padding: 0
float: left float: left
min-width: 270px
max-width: 270px
&:first-child &:first-child
margin-left: 5px margin-left: 5px

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

@ -62,7 +62,7 @@ function initSortable(boardComponent, $listsDom) {
distance: 7, distance: 7,
start(evt, ui) { start(evt, ui) {
ui.placeholder.height(ui.helper.height()); ui.placeholder.height(ui.helper.height());
ui.placeholder.css("min-width", ui.helper.width()); ui.placeholder.width(ui.helper.width());
EscapeActions.executeUpTo('popup-close'); EscapeActions.executeUpTo('popup-close');
boardComponent.setIsDragging(true); boardComponent.setIsDragging(true);
}, },

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

@ -36,6 +36,11 @@
// Minimize swimlanes end https://www.w3schools.com/howto/howto_js_accordion.asp // Minimize swimlanes end https://www.w3schools.com/howto/howto_js_accordion.asp
*/ */
@media screen and (min-width: 801px)
.swimlane.ui-sortable
// swimlane must have max width, otherwise lists are not sortable if there are too much lists and the swimlane "scrollable"
width: max-content
[class=swimlane] [class=swimlane]
position: sticky position: sticky
left: 0 left: 0