Don't allow dragging a list when the user does not have the rights

src/components/home/navigation.vue

@@ -85,6 +85,8 @@
 						@end="e => saveListPosition(e, nk)"
 						v-bind="dragOptions"
 						handle=".handle"
+						:disabled="n.id < 0"
+						:class="{'dragging-disabled': n.id < 0}"
 					>
 						<transition-group
 							type="transition"

src/styles/theme/theme.scss

@@ -157,3 +157,7 @@ button.table {
 .is-touch .handle {
 	opacity: 1 !important;
 }
+
+.dragging-disabled .handle {
+	opacity: 0 !important;
+}

src/views/list/views/Kanban.vue

@@ -24,6 +24,7 @@
 				group="buckets"
 				v-bind="dragOptions"
 				:disabled="!canWrite"
+				:class="{'dragging-disabled': !canWrite}"
 			>
 				<transition-group type="transition" :name="!dragBucket ? 'move-bucket': null" tag="div" class="kanban-bucket-container">
 					<div
@@ -128,6 +129,7 @@
 								:group="{name: 'tasks', put: shouldAcceptDrop(bucket) && !dragBucket}"
 								v-bind="dragOptions"
 								:disabled="!canWrite"
+								:class="{'dragging-disabled': !canWrite}"
 								:data-bucket-index="k"
 								class="dropper"
 							>

src/views/list/views/List.vue

@@ -87,6 +87,8 @@
 						@end="saveTaskPosition"
 						v-bind="dragOptions"
 						handle=".handle"
+						:disabled="!canWrite"
+						:class="{'dragging-disabled': !canWrite}"
 					>
 						<single-task-in-list
 							:show-list-color="false"