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

save improvements

Browse Source
This commit is contained in:
tiago.kayaya
2021-09-27 12:09:33 +01:00
parent 4d2a9b2eed
commit 7e39540442
3 changed files with 39 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/chat/chat.page.html
+14 -4
View File
@@ -68,12 +68,12 @@
<div class="item-description" [class.item-description-active]="dm._id == idSelected"> <div class="item-description" [class.item-description-active]="dm._id == idSelected">
<ion-label *ngIf="dm.lastMessage">{{dm.lastMessage.msg}}</ion-label> <ion-label *ngIf="dm.lastMessage">{{dm.lastMessage.msg}}</ion-label>
<ion-label *ngIf="dm.lastMessage.file"> <ion-label *ngIf="dm.lastMessage.file">
<fa-icon icon="file-alt" class="pdf-icon"></fa-icon> <fa-icon icon="file-alt" class="file-icon"></fa-icon>
<span> {{dm.lastMessage.file.name}}</span> <span> {{dm.lastMessage.file.name}}</span>
</ion-label> </ion-label>
<ion-label *ngIf="dm.lastMessage.attachments"> <ion-label *ngIf="dm.lastMessage.attachments">
<div *ngIf="dm.lastMessage.attachments[0].image_url"> <div *ngIf="dm.lastMessage.attachments[0].image_url">
<fa-icon icon="image" class="pdf-icon"></fa-icon> <fa-icon icon="image" class="file-icon"></fa-icon>
<span> Fotografia</span> <span> Fotografia</span>
</div> </div>
</ion-label> </ion-label>
@@ -98,8 +98,18 @@
</div> </div>
<div class="item-date" [class.item-date-active]="group._id ==idSelected" *ngIf="group.lastMessage">{{showDateDuration(group._updatedAt)}}</div> <div class="item-date" [class.item-date-active]="group._id ==idSelected" *ngIf="group.lastMessage">{{showDateDuration(group._updatedAt)}}</div>
</div> </div>
<div class="item-description" [class.item-description-active]="group._id ==idSelected" *ngIf="group.lastMessage"> <div class="item-description d-flex align-items-center" [class.item-description-active]="group._id ==idSelected" *ngIf="group.lastMessage">
<ion-label>{{group.lastMessage.u.name}}: {{group.lastMessage.msg}}</ion-label> <div class="item-message">{{group.lastMessage.u.name}}: {{group.lastMessage.msg}} </div>
<div class="item-files" *ngIf="group.lastMessage.file">
<fa-icon icon="file-alt" class="file-icon"></fa-icon>
<span> {{group.lastMessage.file.name}}</span>
</div>
<div class="item-files" *ngIf="group.lastMessage.attachments">
<div *ngIf="group.lastMessage.attachments[0].image_url">
<fa-icon icon="image" class="file-icon"></fa-icon>
<span> Fotografia</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
src/app/pages/chat/chat.page.scss
+9
View File
@@ -117,6 +117,15 @@ ion-content{
.item-description{ .item-description{
font-size: 13px; font-size: 13px;
color: #000; color: #000;
overflow: auto;
.item-message{
float: left;
padding-right: 5px;
}
.item-files{
float: left;
}
} }
.item-description-active{ .item-description-active{
color: #fff; color: #fff;
src/global.scss
+11 -7
View File
@@ -1134,6 +1134,17 @@ ngx-mat-datetime-content{
overflow: hidden !important; overflow: hidden !important;
text-overflow: ellipsis !important; text-overflow: ellipsis !important;
} }
}
}
.file-details-optional{
font-size: xx-small;
padding-left: 5px;
}
}
.file-icon{
color: #b2b2b2 !important;
}
.pdf-icon{ .pdf-icon{
color: #a40404; color: #a40404;
} }
@@ -1146,13 +1157,6 @@ ngx-mat-datetime-content{
.powerpoint-icon{ .powerpoint-icon{
color: #d24726; color: #d24726;
} }
}
}
.file-details-optional{
font-size: xx-small;
padding-left: 5px;
}
}
@media only screen and (min-width: 665px) { @media only screen and (min-width: 665px) {
.loading-blocker { .loading-blocker {