alterar nome desktop

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

@@ -3,7 +3,9 @@
     <div class="main-header">
       <div class="title-content">
         <div class="left">
-          <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+          <button class="btn-no-color" (click)="close()">
+            <ion-icon slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
+          </button>
         </div>
         <div class="middle">
           <ion-label class="title">Alterar assunto</ion-label>
@@ -14,9 +16,9 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
-  <div class="main-content">
-    <div class="item-container">
+<ion-content class="width-100">
+  <div class="main-content d-flex width-100">
+    <div class="item-container d-flex flex-column width-100">
       <ion-input [(ngModel)]="groupName" placeholder="Título"></ion-input>
     </div>
     <div *ngIf="false" class="item-container-no-border">
@@ -24,8 +26,8 @@
       <ion-label>Grupo Ultra-secreto</ion-label>
     </div>
 
-    <div *ngIf="showDuration" class="container-div">
-      <div class="ion-item-class-2">
+    <div *ngIf="showDuration" class="container-div width-100">
+      <div class="ion-item-class-2 width-100">
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-duration.svg"></ion-icon>
         </div>

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

@@ -6,7 +6,7 @@ ion-content{
    --opacity: 1;
 }
 .div-top-header{
-    width: 400px;
+    //width: 400px;
     margin: 0 auto;
     background-color: #0782c9;
     overflow: auto;
@@ -47,7 +47,7 @@ ion-content{
     transform: translate3d(0, 1px, 0);
     
     .title-content{
-      width: 360px;
+      //width: 360px;
       margin: 0px auto;
       overflow: auto;
       padding: 0 !important;
@@ -92,8 +92,6 @@ ion-content{
  
   }
   .main-content{
-    width: 100%; /* 400px */
-    height: 100%;
     font-family: Roboto;
     margin: 0 auto;
     background-color: #fff;
@@ -101,7 +99,7 @@ ion-content{
     padding: 15px 20px 0 20px;
 
     .item-container{
-        width: 360px;
+        //width: 360px;
         margin: 15px auto;
         border: 1px solid #ebebeb;
         border-radius: 5px;
@@ -110,7 +108,7 @@ ion-content{
 
       .item-container-no-border{
         display: flex;
-        width: 360px;
+        //width: 360px;
         margin: 25px auto;
         border-radius: 5px;
         align-items: center;
@@ -128,7 +126,7 @@ ion-content{
     overflow: auto;
 
     .ion-item-class-2{
-        width: 360px;
+        //width: 360px;
         margin: 0px auto;
 
         .ion-icon-class{
@@ -140,7 +138,7 @@ ion-content{
           }
       }
       .ion-input-class{
-        width: 315px;
+        width: calc(100% - 45px);
         height: 45px;
         border: 1px solid #ebebeb;
         border-radius: 5px;

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

@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { ModalController, NavParams, PickerController } from '@ionic/angular';
+import { ModalController, PickerController } from '@ionic/angular';
 import { ChatService } from 'src/app/services/chat.service';
 
 @Component({
@@ -16,12 +16,13 @@ export class EditGroupPage implements OnInit {
   room:any;
   @Input() roomId:string;
   @Output() openGroupContacts:EventEmitter<any> = new EventEmitter<any>();
+  @Output() openGroupMessage:EventEmitter<any> = new EventEmitter<any>();
+  @Output() closeAllDesktopComponents:EventEmitter<any> = new EventEmitter<any>();
 
   constructor(
     private modalController: ModalController,
     private pickerController: PickerController,
     private chatService: ChatService,
-    private navParams: NavParams,
   ) {
    }
 
@@ -38,7 +39,9 @@ export class EditGroupPage implements OnInit {
   }
 
   close(){
-    this.modalController.dismiss();
+    //this.modalController.dismiss();
+    this.closeAllDesktopComponents.emit();
+    this.openGroupMessage.emit(this.roomId);
   }
 
   changeGroupName(){
@@ -54,8 +57,10 @@ export class EditGroupPage implements OnInit {
     }
     else{
       console.log("Invalid name!");
-    }  
+    }
+    this.close();  
   }
+
   _ionChange(event){
     this.showDuration = event.detail.checked;
   }