notification dialog styling changes

This commit is contained in:
Sofia Papacharalampous 2024-05-01 14:48:26 +03:00
parent f6ea1e2b04
commit d955f999ff
1 changed files with 13 additions and 11 deletions

View File

@ -3,18 +3,20 @@
<div class="row">
<div class="col-12">
<mat-nav-list class="inapp-notification-listing-dialog">
<a *ngFor="let inappNotification of inappNotifications; last as last;" mat-list-item (click)="goToNotification(inappNotification)">
<div class="d-flex justify-content-between">
<div class="d-flex">
<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Delivered" mat-list-icon class="mr-3">drafts</mat-icon>
<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Stored" mat-list-icon class="mr-3">mail</mat-icon>
<span mat-line>{{ inappNotification.subject | sumarizeText:21 }}</span>
</div>
<ng-container *ngFor="let inappNotification of inappNotifications; last as last;">
<a mat-list-item (click)="goToNotification(inappNotification)">
<div class="d-flex justify-content-between">
<div class="d-flex">
<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Delivered" mat-list-icon class="mr-3">drafts</mat-icon>
<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Stored" mat-list-icon class="mr-3">mail</mat-icon>
<span mat-line class="mt-1">{{ inappNotification.subject | sumarizeText:18 }}</span>
</div>
<span mat-line class="secondary-text">{{ inappNotification.createdAt | date : 'short'}}</span>
<mat-divider inset *ngIf="!last"></mat-divider>
</div>
</a>
<span mat-line class="mt-1 secondary-text">{{ inappNotification.createdAt | date : 'short'}}</span>
</div>
</a>
<mat-divider *ngIf="!last"></mat-divider>
</ng-container>
<a *ngIf="authService.hasPermission(authService.permissionEnum.ViewMineInAppNotificationPage)" (click)="goToNotifications()">
<mat-list-item>{{'NAV-BAR.INAPP-NOTIFICATIONS' | translate}}</mat-list-item>
</a>