From f8498a7a52203c61745a0a357cea8d05ca08a3c6 Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Mon, 27 Dec 2021 16:00:20 +0100
Subject: [PATCH] add ellipsis in groups

---
 src/app/pages/chat/chat.page.html | 4 ++--
 src/app/pages/chat/chat.page.scss | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index 42ad111ad..72a87cf89 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -110,10 +110,10 @@
                       </div>
                       <div *ngIf="group.lastMessage" class="item-description d-flex align-items-center" [class.item-description-active]="group._id ==idSelected">
                         <div class="item-message">{{group.lastMessage.u.name}}: {{group.lastMessage.msg}} </div>
-                        <div class="item-files" *ngIf="group.lastMessage.file">
+                        <div class="item-files add-ellipsis" *ngIf="group.lastMessage.file">
                           <fa-icon *ngIf="group.lastMessage.file.type != 'application/meeting'" icon="file-alt" class="file-icon" [class.set-active-item-font-to-white]="group._id == idSelected"></fa-icon>
                           <fa-icon *ngIf="group.lastMessage.file.type == 'application/meeting'" icon="calendar-alt" class="file-icon" [class.set-active-item-font-to-white]="group._id == idSelected"></fa-icon>
-                          <span> {{group.lastMessage.file.name || group.lastMessage.file.subject}}</span>
+                          <span class="item-files-title"> {{group.lastMessage.file.name || group.lastMessage.file.subject}}</span>
                         </div>
                         <div  class="item-files" *ngIf="group.lastMessage.attachments">
                           <div *ngIf="group.lastMessage.attachments[0].image_url">
diff --git a/src/app/pages/chat/chat.page.scss b/src/app/pages/chat/chat.page.scss
index 2fc786346..e192f166b 100644
--- a/src/app/pages/chat/chat.page.scss
+++ b/src/app/pages/chat/chat.page.scss
@@ -126,6 +126,11 @@ ion-content{
     }
     .item-files{
       float: left;
+      overflow: auto;
+
+      .item-files-title{
+        width: 100%;
+      }
     }
   }
   .item-description-active{