diff --git a/www/kanban/app-kanban.less b/www/kanban/app-kanban.less index 93626300c..1209a4609 100644 --- a/www/kanban/app-kanban.less +++ b/www/kanban/app-kanban.less @@ -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; diff --git a/www/kanban/jkanban_cp.js b/www/kanban/jkanban_cp.js index bddbfd704..56dcfaa60 100644 --- a/www/kanban/jkanban_cp.js +++ b/www/kanban/jkanban_cp.js @@ -26,7 +26,7 @@ define([ element: '', gutter: '15px', widthBoard: '250px', - responsive: '700', + responsive: 0, //'700', responsivePercentage: false, boards: { data: {},