save

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

@@ -19,7 +19,7 @@
            .middle{
             padding: 0!important;
             float: left;
-            width: 280px;
+            width:calc(100% - 77px);
             margin: 2.5px 0 0 5px;
           }
           .right{
@@ -55,7 +55,10 @@
 
         .title{
           font-size: 25px;
-          border: 1px solid red;
+          white-space: nowrap;
+          overflow: hidden !important;
+          text-overflow: ellipsis !important;
+          float: left;
         }
         .div-icon{
           width: 40px;

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

@@ -22,7 +22,7 @@
            .middle{
             //padding: 0!important;
             float: left;
-            width: 280px;
+            width:calc(100% - 77px);
             margin: 2px 0 0 5px;
             display: flex;
             align-items: center;
@@ -63,7 +63,9 @@
 
         .title{
           font-size: 25px;
-          overflow: auto;
+          white-space: nowrap;
+          overflow: hidden !important;
+          text-overflow: ellipsis !important;
           float: left;
         }
         .div-icon{

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

@@ -10,6 +10,7 @@ import { MessagesOptionsPage } from 'src/app/shared/popover/messages-options/mes
 import { ProfileComponent } from '../../headers/header-no-search/profile/profile.page';
 import { ContactsPage } from '../new-group/contacts/contacts.page';
 import { Router } from '@angular/router';
+import { ChatOptionsFeaturesPage } from 'src/app/modals/chat-options-features/chat-options-features.page';
 
 @Component({
   selector: 'app-messages',
@@ -170,7 +171,7 @@ export class MessagesPage implements OnInit, AfterViewChecked, OnChanges {
   }
 
   openSendMessageOptions(ev?:any){
-    if(window.innerWidth <= 1024){
+    if(window.innerWidth < 701){
       console.log('mobile');
       this.openChatOptions(ev);
     }
@@ -268,22 +269,10 @@ export class MessagesPage implements OnInit, AfterViewChecked, OnChanges {
       return enterAnimation(baseEl).direction('reverse');
     }
 
-
-    /* const popover = await this.popoverController.create({
-      component: MessagesOptionsPage,
-      componentProps: {
-        roomId: this.dm._id,
-      },
-      cssClass: 'messages-options',
-      event: ev,
-      translucent: true,
-    });
-    return await popover.present(); */
-
     const modal = await this.modalController.create({
       enterAnimation,
       leaveAnimation,
-      component: ChatOptionsPopoverPage,
+      component: ChatOptionsFeaturesPage,
       cssClass: 'model profile-modal search-submodal',
       componentProps: {
         roomId: this.roomId,