LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: Long names hide the resolve button (#8083)

Browse Source 
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
Sivin Varghese
2023-10-11 13:25:20 +05:30
committed by GitHub
parent a3d008da06
commit 88de3359a5
3 changed files with 53 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
app/javascript/dashboard/routes/dashboard/conversation/contact/ContactInfo.vue
View File

@@ -18,36 +18,38 @@
</div>
<div class="mt-2 w-full">
<div v-if="showAvatar" class="flex items-center mb-2 gap-1">
<div v-if="showAvatar" class="flex items-center mb-2 gap-1.5">
<h3
class="text-base text-slate-800 dark:text-slate-100 capitalize whitespace-normal my-0"
>
{{ contact.name }}
</h3>
<fluent-icon
v-if="contact.created_at"
v-tooltip="
`${$t('CONTACT_PANEL.CREATED_AT_LABEL')} ${dynamicTime(
contact.created_at
)}`
"
icon="info"
size="14"
class="mt-0.5"
/>
<a
:href="contactProfileLink"
class="fs-default"
target="_blank"
rel="noopener nofollow noreferrer"
>
<woot-button
size="tiny"
icon="open"
variant="clear"
color-scheme="secondary"
<div class="flex flex-row items-start gap-1">
<fluent-icon
v-if="contact.created_at"
v-tooltip.left="
`${$t('CONTACT_PANEL.CREATED_AT_LABEL')} ${dynamicTime(
contact.created_at
)}`
"
icon="info"
size="14"
class="mt-0.5"
/>
</a>
<a
:href="contactProfileLink"
class="fs-default"
target="_blank"
rel="noopener nofollow noreferrer"
>
<woot-button
size="tiny"
icon="open"
variant="clear"
color-scheme="secondary"
/>
</a>
</div>
</div>
<p v-if="additionalAttributes.description" class="break-words">