test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: truncate field label

Browse Source
This commit is contained in:
Shariq Ansari 2024-04-29 22:56:22 +05:30
parent 5261c35efa
commit ea92af6244
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/SectionFields.vue
View File

@ -6,10 +6,12 @@
:class="[field.hidden && 'hidden']" :class="[field.hidden && 'hidden']"
class="flex items-center gap-2 px-3 leading-5 first:mt-3" class="flex items-center gap-2 px-3 leading-5 first:mt-3"
> >
<div class="w-[106px] shrink-0 text-sm text-gray-600"> <Tooltip :text="__(field.label)" hoverDelay="1">
{{ __(field.label) }} <div class="w-[106px] shrink-0 truncate text-sm text-gray-600">
<span class="text-red-500">{{ field.reqd ? ' *' : '' }}</span> <span>{{ __(field.label) }}</span>
</div> <span class="text-red-500">{{ field.reqd ? ' *' : '' }}</span>
</div>
</Tooltip>
<div <div
class="grid min-h-[28px] flex-1 items-center overflow-hidden text-base" class="grid min-h-[28px] flex-1 items-center overflow-hidden text-base"
> >