Browse Source

feat: added profile pic in user field dropdown option

pull/7342/head
Ramesh Mane 11 months ago
parent
commit
6c05e2689a
  1. 8
      packages/nc-gui/components/cell/User.vue

8
packages/nc-gui/components/cell/User.vue

@ -326,7 +326,7 @@ const filterOption = (input: string, option: any) => {
:class="`nc-select-option-${column.title}-${op.email}`" :class="`nc-select-option-${column.title}-${op.email}`"
@click.stop @click.stop
> >
<a-tag class="rounded-tag" color="'#ccc'"> <a-tag class="rounded-tag !pl-0" color="'#ccc'">
<span <span
:style="{ :style="{
'color': tinycolor.isReadable('#ccc' || '#ccc', '#fff', { level: 'AA', size: 'large' }) 'color': tinycolor.isReadable('#ccc' || '#ccc', '#fff', { level: 'AA', size: 'large' })
@ -334,9 +334,13 @@ const filterOption = (input: string, option: any) => {
: tinycolor.mostReadable('#ccc' || '#ccc', ['#0b1d05', '#fff']).toHex8String(), : tinycolor.mostReadable('#ccc' || '#ccc', ['#0b1d05', '#fff']).toHex8String(),
'font-size': '13px', 'font-size': '13px',
}" }"
class="flex items-center gap-2"
:class="{ 'text-sm': isKanban }" :class="{ 'text-sm': isKanban }"
> >
{{ op.display_name?.length ? op.display_name : op.email }} <GeneralUserIcon size="medium" :email="op.email" />
<span>
{{ op.display_name?.length ? op.display_name : op.email }}
</span>
</span> </span>
</a-tag> </a-tag>
</a-select-option> </a-select-option>

Loading…
Cancel
Save