feat(nc-gui): add grabbing

packages/nc-gui/assets/css/global.css

@@ -22,4 +22,11 @@ Apply Vazirmatn for rtl
 
 .rtl .v-application .ml-n1 {
 	margin-left: 0px !important;
+}
+
+/*
+For Drag and Drop
+*/
+.grabbing * {
+	cursor: grabbing;
 }

packages/nc-gui/components/smartsheet/Kanban.vue

@@ -263,6 +263,8 @@ watch(
         draggable=".nc-kanban-stack"
         filter=".not-draggable"
         :move="onMoveCallback"
+        @start="(e) => e.target.classList.add('grabbing')"
+        @end="(e) => e.target.classList.remove('grabbing')"
         @change="onMoveStack($event)"
       >
         <template #item="{ element: stack, index: stackIdx }">
@@ -335,6 +337,8 @@ watch(
                       group="kanban-card"
                       class="h-full"
                       filter=".not-draggable"
+                      @start="(e) => e.target.classList.add('grabbing')"
+                      @end="(e) => e.target.classList.remove('grabbing')"
                       @change="onMove($event, stack.title)"
                     >
                       <template #item="{ element: record }">