Browse Source

Nc fix(nc-gui): remove lookup cell chip min width fixed value (#7969)

* fix(nc-gui): remove lookup cell chip min width fixed value

* fix(nc-gui): lookup display content should be center align for rowHeight short & for others top align
pull/7988/head
Ramesh Mane 8 months ago committed by GitHub
parent
commit
935085b935
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 21
      packages/nc-gui/components/virtual-cell/Lookup.vue

21
packages/nc-gui/components/virtual-cell/Lookup.vue

@ -158,11 +158,13 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning, activ
}" }"
> >
<div <div
class="flex items-start gap-1.5 w-full h-full py-[3px]" class="flex gap-1.5 w-full h-full py-[3px]"
:class="{ :class="{
'flex-wrap': rowHeight !== 1 && !isAttachment(lookupColumn), 'flex-wrap': rowHeight !== 1 && !isAttachment(lookupColumn),
'!overflow-x-auto nc-cell-lookup-scroll nc-scrollbar-x-md !overflow-y-hidden': '!overflow-x-auto nc-cell-lookup-scroll nc-scrollbar-x-md !overflow-y-hidden':
rowHeight === 1 || isAttachment(lookupColumn), rowHeight === 1 || isAttachment(lookupColumn),
'items-center': rowHeight === 1,
'items-start': rowHeight !== 1,
}" }"
> >
<div <div
@ -187,10 +189,19 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning, activ
:edit-enabled="false" :edit-enabled="false"
:virtual="true" :virtual="true"
:read-only="true" :read-only="true"
:class="{ :class="[
'min-h-0 min-w-0': isAttachment(lookupColumn), `${
'!min-w-20 !w-auto px-2': !isAttachment(lookupColumn), [UITypes.MultiSelect, UITypes.SingleSelect, UITypes.User].includes(lookupColumn.uidt)
}" ? 'pl-2'
: !isAttachment(lookupColumn)
? 'px-2'
: ''
}`,
{
'min-h-0 min-w-0': isAttachment(lookupColumn),
'!w-auto ': !isAttachment(lookupColumn),
},
]"
/> />
</div> </div>
</div> </div>

Loading…
Cancel
Save