Fix drag&drop in kanban for mobile

pull/1/head
yflory 4 years ago
parent 5d5276110b
commit eb85946ce2

@ -140,6 +140,9 @@
border: 0;
background: transparent;
align-self: flex-start;
@media (hover: none) {
margin-right: 20px;
}
}
.cp-kanban-cursors {
@ -165,7 +168,10 @@
flex-wrap: wrap;
touch-action: none;
background: @cp_kanban-item-bg;
.tools_unselectable();
touch-action: none;
cursor: move;
cursor: grab;
margin-bottom: 10px;
&:last-child {
@ -253,12 +259,14 @@
.kanban-board {
position: relative;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
margin: 10px;
vertical-align: top;
display: flex;
flex-flow: column;
width: 300px;
margin: 10px 5px;
@media (hover: none) {
margin-bottom: 30px;
}
&.is-moving.gu-mirror {
transform: rotate(3deg);
@ -276,12 +284,17 @@
overflow-y: auto;
justify-content: space-around;
min-height: 38px; // Size of one card
@media (hover: none) {
padding-right: 30px;
}
}
header {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 5px 10px;
cursor: move;
cursor: grab;
.kanban-title-board {
flex: 1;
min-width: 0;
@ -299,9 +312,6 @@
#kanban-edit {
font-weight: bold;
}
&:hover {
cursor: move;
}
}
footer {
margin: 10px;

@ -26,7 +26,7 @@ define([
element: '',
gutter: '15px',
widthBoard: '250px',
responsive: '700',
responsive: 0, //'700',
responsivePercentage: false,
boards: {
data: {},

Loading…
Cancel
Save