save

src/app/pages/chat/chat.page.scss

@@ -20,7 +20,7 @@ ion-content{
     }
     .div-icon{
       display: flex;
-      width: 50%;
+      width: fit-content;
       float: right;
       font-size: 35px;
       overflow: auto;
@@ -32,7 +32,7 @@ ion-content{
       padding-left: 20px;
     }
   }
-  
+
 
 .main-content{
   font-family: Roboto;
@@ -104,9 +104,9 @@ ion-content{
     color: #000;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 801px) {
   .main-content{
-   
+
 
     .aside-wrapper{
       width: 35%;
@@ -131,7 +131,7 @@ ion-content{
         width: 90%;
       }
     }
-    
+
   }
 
 }

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

@@ -68,7 +68,7 @@
     <div class="width-80">
       <ion-item class="ion-no-padding type-message" lines="none">
         <ion-textarea clearOnEdit="true" placeholder="Escrever uma mensagem" auto-grow class="message-input" rows="1" [(ngModel)]="message"></ion-textarea>
-        <button class="btn-no-color">
+        <button hidden class="btn-no-color">
           <ion-icon slot="end" src="assets/icon/icons-chat-mic.svg"></ion-icon>
         </button>
       </ion-item>

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

@@ -10,7 +10,7 @@
         padding: 30px 20px 0px 20px;
         color:#000;
         //transform: translate3d(0, 1px, 0);
-        
+
         .header-top{
           width: 100%;
           overflow: auto;
@@ -52,7 +52,7 @@
             margin: 1px;
           }
         }
-    
+
         .title{
           font-size: 25px;
         }
@@ -66,7 +66,7 @@
         .div-icon ion-icon{
           float: right;
           padding-left: 20px;
-        } 
+        }
     }
  }
  ion-content{
@@ -159,9 +159,9 @@
  .container{
    justify-content: center;
    justify-content: space-evenly;
-   
+
  }
- 
+
  .chat-icon-options{
    display:block !important;
    font-size: 25px;
@@ -183,10 +183,15 @@
    align-items: center;
    overflow: auto;
 
+
    ion-textarea{
+     width: fit-content;
+     display: block;
      margin: 0 !important;
      align-self: center;
+     border: 1px solid red;
+     //overflow: auto;
    }
  }
- 
+
 }

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

@@ -18,7 +18,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewChecked {
   showLoader: boolean;
   isGroupCreated:boolean;
   loggedUser: any;
-  message:any;
+  message:any="";
   leaveStatus:any;
   messages:any;
 

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

@@ -57,7 +57,7 @@
     <div class="width-80">
       <ion-item class="ion-no-padding type-message" lines="none">
         <ion-textarea clearOnEdit="true" placeholder="Escrever uma mensagem" auto-grow class="message-input" rows="1" [(ngModel)]="message"></ion-textarea>
-        <button class="btn-no-color" (click)="notImplemented()">
+        <button hidden class="btn-no-color" (click)="notImplemented()">
           <ion-icon slot="end" src="assets/icon/icons-chat-mic.svg"></ion-icon>
         </button>
       </ion-item>