Browse Source

fix(FieldsMenu): add ellipsis and show full name on hover

pull/6789/head
amitabhsahu 1 year ago
parent
commit
99b1b79ca0
  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