From 90d16c85aecfd350ec942d91edb2af3b21200d45 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Fri, 16 Jul 2021 21:17:34 +0100
Subject: [PATCH] Improve

---
 src/app/pages/chat/chat.page.html | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/app/pages/chat/chat.page.html b/src/app/pages/chat/chat.page.html
index 878fc8ef1..c773a151c 100644
--- a/src/app/pages/chat/chat.page.html
+++ b/src/app/pages/chat/chat.page.html
@@ -96,37 +96,44 @@
       <!-- Aside right -->
       <div class="aside-content d-none flex-column height-100">
         <app-empty-chat [texto]="emptyTextDescription" 
-          class="d-flex height-100 flex-column" 
-          *ngIf="showEmptyComponent" #messagecontainer>
+          class="height-100 flex-column" 
+          [style.display]="showEmptyComponent ? 'flex' : 'none'"
+          #messagecontainer>
         </app-empty-chat>
-        <app-messages class="d-flex height-100 flex-column" 
-          [roomId]="roomId" *ngIf="showMessages" #messagecontainer>
+        <app-messages class=" height-100 flex-column" 
+        [style.display]="showMessages ? 'flex' : 'none'"
+          [roomId]="roomId"  #messagecontainer>
         </app-messages>
         <app-contacts 
           (openMessage)="openMessagesPage($event)" 
-          *ngIf="showContacts" class="d-flex height-100 flex-column">
+          [style.display]="showContacts ? 'flex' : 'none'"
+           class=" height-100 flex-column">
         </app-contacts>
         <app-new-group 
           (addGroupMessage)="openGroupContactsPage($event)" 
-          *ngIf="showNewGroup" class="d-flex height-100 flex-column">
+          [style.display]="showNewGroup ? 'flex' : 'none'"
+           class=" height-100 flex-column">
         </app-new-group>
         <app-edit-group [roomId]="roomId"
           (closeAllDesktopComponents)="closeAllDesktopComponents()"
-          (openGroupMessage)="openGroupMessagesPage($event)" 
-          *ngIf="showEditGroup" class="d-flex height-100 flex-column">
+          (openGroupMessage)="openGroupMessagesPage($event)"
+          [style.display]="showEditGroup ? 'flex' : 'none'"
+           class="height-100 flex-column">
         </app-edit-group>
         <app-group-contacts 
           (openGroupMessage)="openGroupMessagesPage($event)" 
-          [roomId]="groupRoomId" class="d-flex height-100 flex-column" 
-          *ngIf="showGroupContacts">
+          [style.display]="showGroupContacts ? 'flex' : 'none'"
+          [roomId]="groupRoomId" class=" height-100 flex-column" 
+          >
         </app-group-contacts>
         <app-group-messages
+        [style.display]="showEmptyComponent ? 'flex' : 'none'"
           (closeAllDesktopComponents)="closeAllDesktopComponents()"
           (showEmptyContainer)="showEmptyContainer()"
           (openGroupContacts)="openGroupContactsPage($event)"
           (openEditGroupPage)="openEditGroupPage($event)"
-          *ngIf="showGroupMessages" 
-          class="d-flex height-100 flex-column" 
+          [style.display]="showGroupMessages ? 'flex' : 'none'"
+          class=" height-100 flex-column" 
           [roomId]="roomId" #messagecontainer>
         </app-group-messages>
       </div>