From 3fd398879e890543227ccb623d3f634bd9309d97 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+sivin-git@users.noreply.github.com>
Date: Mon, 15 Mar 2021 18:38:37 +0530
Subject: [PATCH] Fix: conversation list user name overflow (#1912)

Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
---
 .../components/widgets/conversation/ConversationCard.vue      | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
index edf502d04..4b8193699 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ConversationCard.vue
@@ -204,6 +204,10 @@ export default {
 .conversation--details {
   .conversation--user {
     padding-top: var(--space-micro);
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    width: 60%;
   }
   .ion-earth {
     font-size: var(--font-size-mini);