From 71048dfde96c75dbe80e6925ff3450b10181f26b Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Thu, 26 Oct 2023 16:52:29 +0000
Subject: [PATCH] fix: Added full height column drop zone line

---
 packages/nc-gui/components/smartsheet/grid/Table.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/grid/Table.vue b/packages/nc-gui/components/smartsheet/grid/Table.vue
index 583f7627a2..beb8edb10d 100644
--- a/packages/nc-gui/components/smartsheet/grid/Table.vue
+++ b/packages/nc-gui/components/smartsheet/grid/Table.vue
@@ -1207,7 +1207,7 @@ const loaderText = computed(() => {
 
 <template>
   <div :class="`${headerOnly !== true ? 'h-full w-full' : ''}`" class="flex flex-col">
-    <div data-testid="drag-icon-placeholder" class="absolute w-1 h-1 pointer-events-none"></div>
+    <div data-testid="drag-icon-placeholder" class="absolute w-1 h-1 pointer-events-none opacity-0"></div>
     <div
       ref="dragColPlaceholderDomRef"
       :class="{
@@ -1317,13 +1317,10 @@ const loaderText = computed(() => {
                   </div>
                   <div
                     :class="{
-                      'w-3': toBeDroppedColId === col.id,
+                      'w-0.75': toBeDroppedColId === col.id,
                       'hidden': toBeDroppedColId !== col.id,
                     }"
-                    :style="{
-                      'background-color': 'rgba(54, 191, 255, 0.5)',
-                    }"
-                    class="absolute -right-1.5 -bottom-2 h-2 z-10 rounded-b-lg"
+                    class="absolute -right-0.25 -top-0.1 h-[calc(100%+0.1rem)] z-10 bg-blue-500"
                   ></div>
                 </th>
                 <th
@@ -1540,6 +1537,8 @@ const loaderText = computed(() => {
                           (isLookup(columnObj) || isRollup(columnObj) || isFormula(columnObj)) &&
                           hasEditPermission &&
                           isCellSelected(rowIndex, colIndex),
+
+                        '!border-r-blue-400 !border-r-3': toBeDroppedColId === columnObj.id,
                       }"
                       :data-col="columnObj.id"
                       :data-col-index="colIndex"