Browse Source

fix : added drop-shadow for column option selector

pull/7181/head
musharaf-nocodb 12 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" :inherit="inheritRef === rl"
:border="false" :border="false"
/> />
<GeneralIcon v-if="rl === roleRef" icon="check" /> <GeneralIcon v-if="rl === roleRef" icon="check" class="text-primary"/>
</div> </div>
<div v-if="descriptionRef" class="text-gray-500">{{ RoleDescriptions[rl] }}</div> <div v-if="descriptionRef" class="text-gray-500">{{ RoleDescriptions[rl] }}</div>
</div> </div>

8
packages/nc-gui/components/smartsheet/header/Menu.vue

@ -279,19 +279,19 @@ const onInsertAfter = () => {
</script> </script>
<template> <template>
<a-dropdown <NcDropdown
v-if="!isLocked" v-if="!isLocked"
v-model:visible="isOpen" v-model:visible="isOpen"
:trigger="['click']" :trigger="['click']"
placement="bottomRight" placement="bottomRight"
overlay-class-name="nc-dropdown-column-operations " overlay-class-name="nc-dropdown-column-operations !drop-shadow-2xl"
@click.stop="isOpen = !isOpen" @click.stop="isOpen = !isOpen"
> >
<div> <div>
<GeneralIcon icon="arrowDown" class="text-grey h-full text-grey nc-ui-dt-dropdown cursor-pointer outline-0 mr-2" /> <GeneralIcon icon="arrowDown" class="text-grey h-full text-grey nc-ui-dt-dropdown cursor-pointer outline-0 mr-2" />
</div> </div>
<template #overlay> <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"> <NcMenuItem @click="onEditPress">
<div class="nc-column-edit nc-header-menu-item"> <div class="nc-column-edit nc-header-menu-item">
<component :is="iconMap.edit" class="text-gray-700" /> <component :is="iconMap.edit" class="text-gray-700" />
@ -377,7 +377,7 @@ const onInsertAfter = () => {
</NcMenuItem> </NcMenuItem>
</NcMenu> </NcMenu>
</template> </template>
</a-dropdown> </NcDropdown>
<SmartsheetHeaderDeleteColumnModal v-model:visible="showDeleteColumnModal" /> <SmartsheetHeaderDeleteColumnModal v-model:visible="showDeleteColumnModal" />
<DlgColumnDuplicate <DlgColumnDuplicate
v-if="column" v-if="column"

Loading…
Cancel
Save