fix chat

src/app/pages/chat/chat.page.ts

@@ -816,7 +816,9 @@ export class ChatPage implements OnInit {
       },
     });
     await modal.present();
-    modal.onDidDismiss();
+    modal.onDidDismiss().then(() =>{
+      this.ChatSystemService.currentRoom.roomLeave()
+    });
   }
 
 }

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

@@ -528,7 +528,7 @@ export class GroupMessagesPage implements OnInit, AfterViewInit, OnDestroy {
   async openOptions() {
     const modal = await this.popoverController.create({
       component: ChatPopoverPage,
-      cssClass: 'chat-popover',
+      cssClass: 'popover-bottom',
       componentProps: {
         roomId: this.roomId,
         members: this.members,

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

@@ -519,7 +519,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
         enterAnimation,
         leaveAnimation,
         component: ChatPopoverPage,
-        cssClass: 'model profile-modal search-submodal chat-aside',
+        cssClass: 'model search-submodal chat-option-aside',
         componentProps: {
           roomId: this.roomId,
           members: this.members,

src/app/shared/popover/chat-popover/chat-popover.page.ts

@@ -39,10 +39,8 @@ export class ChatPopoverPage implements OnInit {
   close(action:any){
     if( window.innerWidth < 701){
       this.popoverController.dismiss(action);
-      this.modalController.dismiss(action)
     }
     else{
-      this.popoverController.dismiss(action);
       this.modalController.dismiss(action)
     }
   }
@@ -123,25 +121,16 @@ export class ChatPopoverPage implements OnInit {
         });
       }
     });
-    this.popoverController.dismiss('delete');
-    this.modalController.dismiss('delete')
+    this.close('delete');
   }
 
   async openChangeGroupName(){
-    if( window.innerWidth < 701){
-      this.popoverController.dismiss('edit');
-      this.modalController.dismiss('edit')
-    }
-    else{
-      this.popoverController.dismiss('edit');
-      this.modalController.dismiss('edit')
-    }
+    this.close('edit');
   }
 
 
   async addUser() {
-    this.popoverController.dismiss('addUser');
-    this.modalController.dismiss('addUser')
+    this.close('addUser');
   }
 
 }

src/theme/variables.scss

@@ -348,6 +348,32 @@ $app-theme: mat-light-theme(
   right: 0 !important;
   top: unset !important;
 }
+
+.popover-bottom::part(content), .popover-bottom .popover-content {
+ top: unset !important;
+ bottom: 0px;
+ position: absolute;
+ width: 100%;
+ left: 0px !important;
+ right: 0px;
+}
+
+.chat-option-aside::part(content), .chat-option-aside .modal-wrapper{
+  position: absolute;
+  right: 0px;
+  height: 90%;
+  max-width: 100%;
+  top: -40px;
+  border-radius:  0 0 25px 25px;
+  -webkit-border-radius:  0 0 25px 25px;
+  -moz-border-radius:  0 0 25px 25px;
+  -ms-border-radius:  0 0 25px 25px;
+  -o-border-radius:  0 0 25px 25px;
+  max-width: 400px;
+  width: 100%;
+  opacity: 1;
+}
+
 .exp-options .popover-content {
   width: 100% !important;
   left: 0 !important;