peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-20 21:35:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

add text elips and

Browse Source
This commit is contained in:
Peter Maquiran
2024-09-10 17:07:26 +01:00
parent 9fee233d91
commit 3f4a19c205
4 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/ui/chat/chat.page.html
+2 -8
View File
@@ -38,12 +38,6 @@
</ion-segment-button> </ion-segment-button>
</ion-segment> </ion-segment>
</ion-toolbar> </ion-toolbar>
<!-- <div *ngFor="let room of roomsWithLastMessages">
{{ room.name }} == {{ room.lastMessage.message }}
</div> -->
<div class=" aside overflow-y-auto d-flex flex-wrap flex-grow-1"> <div class=" aside overflow-y-auto d-flex flex-wrap flex-grow-1">
<div class="width-100"> <div class="width-100">
<div class="item item-hover width-100 d-flex ion-no-padding ion-no-margin" <div class="item item-hover width-100 d-flex ion-no-padding ion-no-margin"
@@ -62,11 +56,11 @@
<div <div
(click)="openMessagesPage(room.id)" class="item-content flex-grow-1 cursor-pointer"><!-- (click)="openMessages(dm)" --> (click)="openMessagesPage(room.id)" class="item-content flex-grow-1 cursor-pointer"><!-- (click)="openMessages(dm)" -->
<div class="item-title-time"> <div class="item-title-time">
<div class="item-title" [class.item-title-active]="room.id == idSelected"> <div class="item-title add-ellipsis" [class.item-title-active]="room.id == idSelected">
<ion-label > <ion-label >
<span > <span >
<div > <div >
<div class="font-15-em" [class.bold-message]="boldTable?.[room.id]?.bold"> <div class="font-15-em add-ellipsis" [class.bold-message]="boldTable?.[room.id]?.bold">
{{room.roomName}} {{room.roomName}}
</div> </div>
</div> </div>
src/app/ui/chat/modal/messages/messages.page.ts
+3 -2
View File
@@ -144,7 +144,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
isAdmin = true isAdmin = true
RoomTypeEnum = RoomType RoomTypeEnum = RoomType
IMessageType = IMessageType IMessageType = IMessageType
handleClickActive = true handleClickActive = false
constructor( constructor(
public popoverController: PopoverController, public popoverController: PopoverController,
@@ -222,7 +222,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
@HostListener('document:click', ['$event']) @HostListener('document:click', ['$event'])
handleClickOutside(event: Event) { handleClickOutside(event: Event) {
if (!this.handleClickActive) return; if (!this.handleClickActive) return;
this.handleClickActive = false
const clickedInside = (event.target as HTMLElement).closest('.mat-menu-content'); const clickedInside = (event.target as HTMLElement).closest('.mat-menu-content');
if (!clickedInside) { if (!clickedInside) {
this.selectedMessage = null; this.selectedMessage = null;
@@ -1465,6 +1465,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
if (this.selectedMessage === message) { if (this.selectedMessage === message) {
this.selectedMessage = null; // Close the picker if it's already open this.selectedMessage = null; // Close the picker if it's already open
} else { } else {
this.handleClickActive = true
this.selectedMessage = message; // Open the picker for the selected message this.selectedMessage = message; // Open the picker for the selected message
} }
} }
src/style/ios.scss
+1 -1
View File
@@ -241,6 +241,6 @@ ion-toolbar {
/* Media query for mobile view */ /* Media query for mobile view */
@media (max-width: 768px) { /* Adjust the max-width as per your mobile breakpoints */ @media (max-width: 768px) { /* Adjust the max-width as per your mobile breakpoints */
.edit-message::part(content) { .edit-message::part(content) {
width: 360px !important; /* Set width to 300px for mobile screens */ width: 300px !important; /* Set width to 300px for mobile screens */
} }
} }
workspace.code-workspace
+3
View File
@@ -2,6 +2,9 @@
"folders": [ "folders": [
{ {
"path": "." "path": "."
},
{
"path": "../sentry"
} }
], ],
"settings": { "settings": {