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
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="{
'flex-wrap': rowHeight !== 1 && !isAttachment(lookupColumn),
'!overflow-x-auto nc-cell-lookup-scroll nc-scrollbar-x-md !overflow-y-hidden':
rowHeight === 1 || isAttachment(lookupColumn),
'items-center': rowHeight === 1,
'items-start': rowHeight !== 1,
}"
>
<div
@ -187,10 +189,19 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning, activ
:edit-enabled="false"
:virtual="true"
:read-only="true"
:class="{
'min-h-0 min-w-0': isAttachment(lookupColumn),
'!min-w-20 !w-auto px-2': !isAttachment(lookupColumn),
}"
:class="[
`${
[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>

Loading…
Cancel
Save