Browse Source

fix: margin on hover

pull/6424/head
DarkPhoenix2704 1 year ago
parent
commit
7f2d67dccb
  1. 18
      packages/nc-gui/components/virtual-cell/components/ListItem.vue

18
packages/nc-gui/components/virtual-cell/components/ListItem.vue

@ -72,13 +72,14 @@ const attachments: Attachment[] = computed(() => {
<div class="flex flex-col m-[.75rem] gap-1 flex-grow justify-center"> <div class="flex flex-col m-[.75rem] gap-1 flex-grow justify-center">
<div class="flex justify-between"> <div class="flex justify-between">
<span class="font-semibold text-gray-800 nc-display-value"> {{ row[relatedTableDisplayValueProp] }} </span> <span class="font-semibold text-gray-800 nc-display-value"> {{ row[relatedTableDisplayValueProp] }} </span>
<div v-if="isLinked && !isLoading" class="text-brand-500 text-0.875"> <div
<LinkIcon v-if="isLinked && !isLoading"
:class="{ class="text-brand-500 text-0.875"
'!group-hover:mr-8': fields.length === 0, :class="{
}" '!group-hover:mr-12': fields.length === 0,
class="w-4 h-4" }"
/> >
<LinkIcon class="w-4 h-4" />
Linked Linked
</div> </div>
<MdiLoading <MdiLoading
@ -121,6 +122,9 @@ const attachments: Attachment[] = computed(() => {
type="text" type="text"
size="lg" size="lg"
class="!px-2 nc-expand-item !group-hover:block !hidden !border-1 !shadow-sm !border-gray-200 !bg-white !absolute right-3 bottom-3" class="!px-2 nc-expand-item !group-hover:block !hidden !border-1 !shadow-sm !border-gray-200 !bg-white !absolute right-3 bottom-3"
:class="{
'!group-hover:right-1.8 !group-hover:bottom-1.7': fields.length === 0,
}"
@click.stop="$emit('expand', row)" @click.stop="$emit('expand', row)"
> >
<MaximizeIcon class="w-4 h-4" /> <MaximizeIcon class="w-4 h-4" />

Loading…
Cancel
Save