From cb2a528be665dee6f98f1e6e373641cb8a844898 Mon Sep 17 00:00:00 2001
From: Vishal Pandey <contact@vishalpandey.xyz>
Date: Wed, 25 Nov 2020 12:52:39 +0530
Subject: [PATCH] fix: Label overflow using text-truncate (#1448)

---
 .../dashboard/assets/scss/widgets/_conversation-view.scss       | 1 -
 app/javascript/dashboard/components/ChatList.vue                | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
index ae89fe9a2..1514248f3 100644
--- a/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
+++ b/app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
@@ -78,7 +78,6 @@
     justify-content: space-between;
 
     .page-title {
-      @include flex;
       margin-bottom: $zero;
       margin-left: $space-normal;
     }
diff --git a/app/javascript/dashboard/components/ChatList.vue b/app/javascript/dashboard/components/ChatList.vue
index 27f89b550..06850ff38 100644
--- a/app/javascript/dashboard/components/ChatList.vue
+++ b/app/javascript/dashboard/components/ChatList.vue
@@ -2,7 +2,7 @@
   <div class="conversations-sidebar  medium-4 columns">
     <slot></slot>
     <div class="chat-list__top">
-      <h1 class="page-title">
+      <h1 class="page-title text-truncate" :title="pageTitle">
         <woot-sidemenu-icon />
         {{ pageTitle }}
       </h1>