Browse Source

fix: GeneralTruncateText on tab title

Signed-off-by: mertmit <mertmit99@gmail.com>
pull/4744/head
mertmit 2 years ago
parent
commit
5ced481220
  1. 14
      packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue

14
packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue

@ -58,15 +58,11 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
<component :is="icon(tab)" v-else class="text-sm" /> <component :is="icon(tab)" v-else class="text-sm" />
</div> </div>
<a-tooltip v-if="tab.title?.length > 12" placement="bottom"> <div :data-testid="`nc-root-tabs-${tab.title}`">
<div class="truncate" :data-testid="`nc-root-tabs-${tab.title}`">{{ tab.title }}</div> <GeneralTruncateText :key="tab.title" :length="12">
{{ tab.title }}
<template #title> </GeneralTruncateText>
<div>{{ tab.title }}</div> </div>
</template>
</a-tooltip>
<div v-else :data-testid="`nc-root-tabs-${tab.title}`">{{ tab.title }}</div>
</div> </div>
</template> </template>
</a-tab-pane> </a-tab-pane>

Loading…
Cancel
Save