Browse Source

fix : added drop-shadow for column option selector

pull/7181/head
musharaf-nocodb 9 months ago
parent
commit
f4d254fb34
  1. 2
      packages/nc-gui/components/roles/Selector.vue
  2. 8
      packages/nc-gui/components/smartsheet/header/Menu.vue

2
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>

8
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"

Loading…
Cancel
Save