Browse Source

Merge pull request #6789 from amitabh-sahu/fix/6781-fields-dropdown-UI

fix(FieldsMenu): add ellipsis and show full name on hover
pull/6805/head
աӄա 1 year ago committed by GitHub
parent
commit
d5fd9305f5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 7
      packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue

7
packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue

@ -374,7 +374,12 @@ useMenuCloseOnEsc(open)
> >
<div class="flex items-center -ml-0.75"> <div class="flex items-center -ml-0.75">
<component :is="getIcon(metaColumnById[field.fk_column_id])" /> <component :is="getIcon(metaColumnById[field.fk_column_id])" />
<span class="mt-0.65">{{ field.title }}</span> <NcTooltip :disabled="field.title.length < 30">
<template #title>
{{ field.title }}
</template>
<span class="mx-0.65 break-all line-clamp-1">{{ field.title }}</span>
</NcTooltip>
</div> </div>
<NcSwitch v-e="['a:fields:show-hide']" :checked="field.show" :disabled="field.isViewEssentialField" /> <NcSwitch v-e="['a:fields:show-hide']" :checked="field.show" :disabled="field.isViewEssentialField" />

Loading…
Cancel
Save