From f4d254fb342099e4ba27732087630cfe19314c29 Mon Sep 17 00:00:00 2001
From: musharaf-nocodb <musharaf@nocodb.com>
Date: Sun, 10 Dec 2023 12:55:44 +0530
Subject: [PATCH] fix : added drop-shadow for column option selector

---
 packages/nc-gui/components/roles/Selector.vue         | 2 +-
 packages/nc-gui/components/smartsheet/header/Menu.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/nc-gui/components/roles/Selector.vue b/packages/nc-gui/components/roles/Selector.vue
index ed7b2ed6ef..cb140c9fea 100644
--- a/packages/nc-gui/components/roles/Selector.vue
+++ b/packages/nc-gui/components/roles/Selector.vue
@@ -53,7 +53,7 @@ const sizeRef = toRef(props, 'size')
                   :inherit="inheritRef === rl"
                   :border="false"
                 />
-                <GeneralIcon v-if="rl === roleRef" icon="check" />
+                <GeneralIcon v-if="rl === roleRef" icon="check" class="text-primary"/>
               </div>
               <div v-if="descriptionRef" class="text-gray-500">{{ RoleDescriptions[rl] }}</div>
             </div>
diff --git a/packages/nc-gui/components/smartsheet/header/Menu.vue b/packages/nc-gui/components/smartsheet/header/Menu.vue
index 317603597d..9688f538ad 100644
--- a/packages/nc-gui/components/smartsheet/header/Menu.vue
+++ b/packages/nc-gui/components/smartsheet/header/Menu.vue
@@ -279,19 +279,19 @@ const onInsertAfter = () => {
 </script>
 
 <template>
-  <a-dropdown
+  <NcDropdown
     v-if="!isLocked"
     v-model:visible="isOpen"
     :trigger="['click']"
     placement="bottomRight"
-    overlay-class-name="nc-dropdown-column-operations "
+    overlay-class-name="nc-dropdown-column-operations  !drop-shadow-2xl"
     @click.stop="isOpen = !isOpen"
   >
     <div>
       <GeneralIcon icon="arrowDown" class="text-grey h-full text-grey nc-ui-dt-dropdown cursor-pointer outline-0 mr-2" />
     </div>
     <template #overlay>
-      <NcMenu class="shadow bg-white border-1 flex flex-col gap-1 border-gray-200 nc-column-options">
+      <NcMenu class="flex flex-col gap-1 border-gray-200 nc-column-options">
         <NcMenuItem @click="onEditPress">
           <div class="nc-column-edit nc-header-menu-item">
             <component :is="iconMap.edit" class="text-gray-700" />
@@ -377,7 +377,7 @@ const onInsertAfter = () => {
         </NcMenuItem>
       </NcMenu>
     </template>
-  </a-dropdown>
+  </NcDropdown>
   <SmartsheetHeaderDeleteColumnModal v-model:visible="showDeleteColumnModal" />
   <DlgColumnDuplicate
     v-if="column"