From 067553da1a5a9282a8ca13c539204e72de1eeab9 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sun, 31 Jul 2022 17:35:03 +0200
Subject: [PATCH] refactor(gui-v2): hide delete and duplicate icons on view
 item when dragging

---
 .../nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue    | 4 ++--
 .../components/smartsheet/sidebar/RenameableMenuItem.vue   | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
index e6d0c7df6a..904a722d89 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
+++ b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
@@ -207,11 +207,11 @@ function onDeleted() {
   @apply !pointer-events-none;
 }
 
-.dragging .nc-drag-icon {
+.dragging .nc-icon {
   @apply !hidden;
 }
 
-.dragging .nc-icon:not(.nc-drag-icon) {
+.dragging .nc-view-icon {
   @apply !block;
 }
 </style>
diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/RenameableMenuItem.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/RenameableMenuItem.vue
index 2575f92717..847b4a48fb 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/RenameableMenuItem.vue
+++ b/packages/nc-gui-v2/components/smartsheet/sidebar/RenameableMenuItem.vue
@@ -138,11 +138,14 @@ function onStopEdit() {
       <div class="flex w-auto">
         <MdiDrag
           class="nc-drag-icon hidden group-hover:block transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 cursor-move"
-          :class="`nc-child-draggable-icon-${vModel.title}`"
           @click.stop.prevent
         />
 
-        <component :is="viewIcons[vModel.type].icon" class="group-hover:hidden" :class="`text-${viewIcons[vModel.type].color}`" />
+        <component
+          :is="viewIcons[vModel.type].icon"
+          class="nc-view-icon group-hover:hidden"
+          :class="`text-${viewIcons[vModel.type].color}`"
+        />
       </div>
 
       <a-input v-if="isEditing" :ref="focusInput" v-model:value="vModel.title" @blur="onCancel" @keydown="onKeyDown($event)" />