MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

styling changes

This commit is contained in:
Sofia Papacharalampous 2024-05-01 15:00:22 +03:00
parent d955f999ff
commit f8592ef945
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
dmp-frontend/src/notification-service/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html
View File

@ -5,14 +5,18 @@
<mat-nav-list class="inapp-notification-listing-dialog"> <mat-nav-list class="inapp-notification-listing-dialog">
<ng-container *ngFor="let inappNotification of inappNotifications; last as last;"> <ng-container *ngFor="let inappNotification of inappNotifications; last as last;">
<a mat-list-item (click)="goToNotification(inappNotification)"> <a mat-list-item (click)="goToNotification(inappNotification)">
<div class="d-flex justify-content-between"> <div class="row justify-content-between">
<div class="d-flex"> <div class="col-auto">
<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Delivered" mat-list-icon class="mr-3">drafts</mat-icon> <mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Delivered" mat-list-icon>drafts</mat-icon>
<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Stored" mat-list-icon class="mr-3">mail</mat-icon> <mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Stored" mat-list-icon>mail</mat-icon>
<span mat-line class="mt-1">{{ inappNotification.subject | sumarizeText:18 }}</span> </div>
<div class="col mt-1 pl-0" style="overflow: hidden; text-overflow: ellipsis;">
<span mat-line>{{ inappNotification.subject }}</span>
</div> </div>
<span mat-line class="mt-1 secondary-text">{{ inappNotification.createdAt | date : 'short'}}</span> <div class="col-auto mt-1">
<span mat-line class="secondary-text">{{ inappNotification.createdAt | date : 'short'}}</span>
</div>
</div> </div>
</a> </a>
<mat-divider *ngIf="!last"></mat-divider> <mat-divider *ngIf="!last"></mat-divider>