From be50a6bde1b5a1699b0ab5ec72a49bd1ba562efa Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sun, 7 Aug 2022 13:35:55 +0800
Subject: [PATCH] feat(gui-v2): drag-n-drop on sidebar item in form view

---
 packages/nc-gui-v2/components/smartsheet/Form.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/Form.vue b/packages/nc-gui-v2/components/smartsheet/Form.vue
index 7efe9c8487..88e1858394 100644
--- a/packages/nc-gui-v2/components/smartsheet/Form.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Form.vue
@@ -250,13 +250,13 @@ watch(
           </div>
         </div>
       </div>
-      <draggable :list="hiddenColumns" item-key="title" handle=".nc-child-draggable-icon">
+      <draggable :list="hiddenColumns" draggable=".item" group="a-card">
         <template #item="{ element }">
-          <a-card size="small" class="ma-0 pa-0 cursor-pointer">
+          <a-card size="small" class="ma-0 pa-0 cursor-pointer item mb-2">
             <div class="flex">
               <div class="flex flex-row flex-1">
                 <SmartsheetHeaderVirtualCell v-if="isVirtualCol(element)" :column="element" />
-                <SmartsheetHeaderCell v-else :column="element" />
+                <SmartsheetHeaderCell v-else class="w-full" :column="element" />
               </div>
               <div class="flex flex-row">
                 <MdiDragIcon class="flex flex-1" />