fix(nc-gui): expanded form field menu placement issue

nocodb · May 10, 2024 · 00fbf9d · 00fbf9d
1 parent 06c3185
commit 00fbf9d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/packages/nc-gui/components/smartsheet/header/Cell.vue b/packages/nc-gui/components/smartsheet/header/Cell.vue
@@ -190,7 +190,7 @@ const onClick = (e: Event) => {
       :placement="isExpandedForm ? 'bottomLeft' : 'bottomRight'"
       overlay-class-name="nc-dropdown-edit-column"
     >
-      <div v-if="isExpandedForm" @dblclick.stop class="max-h-[0px] max-w-[0px]">&nbsp;</div>
+      <div v-if="isExpandedForm" @dblclick.stop class="h-[1px]">&nbsp;</div>
       <div v-else />
 
       <template #overlay>

diff --git a/packages/nc-gui/components/smartsheet/header/Menu.vue b/packages/nc-gui/components/smartsheet/header/Menu.vue
@@ -356,11 +356,8 @@ const filterOrGroupByThisField = (event: SmartsheetStoreEvents) => {
     @click.stop="isOpen = !isOpen"
   >
     <div @dblclick.stop>
-      <GeneralIcon
-        v-if="!isExpandedForm"
-        icon="arrowDown"
-        class="text-grey h-full text-grey nc-ui-dt-dropdown cursor-pointer outline-0 mr-2"
-      />
+      <div v-if="isExpandedForm" class="h-[1px]">&nbsp;</div>
+      <GeneralIcon v-else icon="arrowDown" class="text-grey h-full text-grey nc-ui-dt-dropdown cursor-pointer outline-0 mr-2" />
     </div>
     <template #overlay>
       <NcMenu

diff --git a/packages/nc-gui/components/smartsheet/header/VirtualCell.vue b/packages/nc-gui/components/smartsheet/header/VirtualCell.vue
@@ -247,7 +247,7 @@ const onClick = (e: Event) => {
       :placement="isExpandedForm ? 'bottomLeft' : 'bottomRight'"
       overlay-class-name="nc-dropdown-edit-column"
     >
-      <div v-if="isExpandedForm" @dblclick.stop class="max-h-[0px] max-w-[0px]">&nbsp;</div>
+      <div v-if="isExpandedForm" @dblclick.stop class="h-[1px]">&nbsp;</div>
       <div v-else />
       <template #overlay>
         <SmartsheetColumnEditOrAddProvider