chat breack line

src/app/pages/chat/chat.page.html

@@ -75,7 +75,7 @@
                     </div>
                     <div *ngIf="room.lastMessage" class="item-description" [class.item-description-active]="room.id == idSelected">
 
-                      <p class="font-13-em mb-0 white-space-nowrap" *ngIf="room.lastMessage && room.otherUserType == false">{{room.lastMessage.msg}}</p>
+                      <p class="font-13-em mb-0 add-ellipsis white-space-nowrap" *ngIf="room.lastMessage && room.otherUserType == false">{{room.lastMessage.msg}}</p>
                       <p class="font-13-em" *ngIf="room.otherUserType == true">está escrever...</p>
                       <!-- <ion-label *ngIf="room.lastMessage.file">
                         <fa-icon *ngIf="room.lastMessage.file.type != 'application/meeting'" icon="file-alt" class="file-icon" [class.set-active-item-font-to-white]="room.id == idSelected"></fa-icon>

src/app/pages/chat/group-messages/group-messages.page.html

@@ -58,8 +58,9 @@
           <span class="time">{{msg.time}}</span>
         </div>
         <div class="message">
-          <ion-label *ngIf="msg.delate == false">{{msg.msg}}</ion-label>
+          <pre *ngIf="msg.delate == false" class="message-box text ma-0 font-13-rem" style="font-size: 0.8125rem !important;" >{{msg.msg}} </pre>
-          <ion-label *ngIf="msg.delate == true">{{msg.msg}}</ion-label>
+          <pre *ngIf="msg.delate == true" class="message-box text ma-0 font-13-rem" style="font-size: 0.8125rem !important;" >{{msg.msg}} </pre>
+
 
           <ion-label class="float-status-all float-status" *ngIf="msg.u.username==sessionStore.user.UserName">
             <span *ngIf="msg.online == true && !msg.manualRetry && msg.viewed == 0" class="enviado pl-10"> Enviado</span>

src/app/pages/chat/messages/messages.page.html

@@ -57,8 +57,10 @@
         </div>
         <div>
             <div class="file">
-              <ion-label *ngIf="msg.delate == false">{{msg.msg}}</ion-label>
+
-              <ion-label *ngIf="msg.delate == true">{{msg.msg}}</ion-label>
+              <pre *ngIf="msg.delate == false" class="message-box text ma-0 font-13-rem" style="font-size: 0.8125rem !important;" >{{msg.msg}} </pre>
+              <!-- <ion-label *ngIf="msg.delate == false" class="message-box">{{msg.msg}} </ion-label> -->
+              <ion-label *ngIf="msg.delate == true" class="flex-0">Apagou a mensagem</ion-label>
 
               <ion-label class="float-status-all float-status" *ngIf="msg.u.username==sessionStore.user.UserName">
 

src/app/services/chat/room.service.ts

@@ -582,6 +582,9 @@ export class RoomService {
    */
   async send({file = null, attachments = null, temporaryData = {}, attachmentsModelData = {}}) {
 
+    this.message = this.message.replace(/(\n$)/,'')
+
+
     if(file && this.message) {
       this.send({})
     }

src/app/shared/chat/group-messages/group-messages.page.html

@@ -54,8 +54,9 @@
           <span class="time">{{msg.time}}</span>
         </div>
         <div class="message">
-          <ion-label *ngIf="msg.delate == false">{{msg.msg}}</ion-label>
+
-          <ion-label *ngIf="msg.delate == true">{{msg.msg}}</ion-label>
+          <pre *ngIf="msg.delate == false" class="message-box text ma-0 font-13-rem" style="font-size: 0.8125rem !important;" >{{msg.msg}} </pre>
+          <pre *ngIf="msg.delate == true" class="message-box text ma-0 font-13-rem" style="font-size: 0.8125rem !important;" >{{msg.msg}} </pre>
 
           <ion-label class="float-status-all float-status" *ngIf="msg.u.username==sessionStore.user.UserName">
 

src/app/shared/chat/group-messages/group-messages.page.scss

@@ -341,3 +341,10 @@
   padding: 15px 20px;
   border-radius: 10px;
 }
+
+
+
+.lido,
+.enviado {
+  font-size: rem(11);
+}

src/app/shared/chat/messages/messages.page.html

@@ -54,8 +54,8 @@
         </div>
         <div class="d-block justify-space-between">
 
-          <!-- <pre *ngIf="msg.delate == false" class="message-box text ma-0 font-13-rem" style="font-size: 0.8125rem !important;" >{{msg.msg}} </pre> -->
+          <pre *ngIf="msg.delate == false" class="message-box text ma-0 font-13-rem" style="font-size: 0.8125rem !important;" >{{msg.msg}} </pre>
-          <ion-label *ngIf="msg.delate == false" class="message-box">{{msg.msg}} </ion-label>
+          <!-- <ion-label *ngIf="msg.delate == false" class="message-box">{{msg.msg}} </ion-label> -->
           <ion-label *ngIf="msg.delate == true" class="flex-0">Apagou a mensagem</ion-label>
 
           <ion-label class="float-status-all float-status" *ngIf="msg.u.username==sessionStore.user.UserName">