Enable dropping only when limits are okay

src/views/list/views/Kanban.vue

@@ -108,13 +108,13 @@
 					</dropdown>
 				</div>
 				<div :ref="`tasks-container${bucket.id}`" class="tasks">
-					{{ drag }}
 					<draggable
 						v-model="bucket.tasks"
 						@start="() => drag = true"
 						@end="e => onDrop(bucket.id, e)"
-						group="buckets"
+						:group="{name: 'buckets', put: shouldAcceptDrop(bucket)}"
 						v-bind="dragOptions"
+						:disabled="!canWrite"
 					>
 						<transition-group type="transition" :name="!drag ? 'move-card': null">
 						<!-- Make the component either a div or a draggable component based on the user rights -->
@@ -267,6 +267,7 @@ export default {
 			dragOptions: {
 				animation: 150,
 				ghostClass: 'ghost',
+				dragClass: 'task-dragging',
 			},
 			sourceBucket: 0,