notification dialog styling changes
This commit is contained in:
parent
f6ea1e2b04
commit
d955f999ff
|
@ -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>
|
||||
<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="mt-1 secondary-text">{{ inappNotification.createdAt | date : 'short'}}</span>
|
||||
</div>
|
||||
|
||||
<span mat-line class="secondary-text">{{ inappNotification.createdAt | date : 'short'}}</span>
|
||||
<mat-divider inset *ngIf="!last"></mat-divider>
|
||||
</div>
|
||||
</a>
|
||||
</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>
|
||||
|
|
Loading…
Reference in New Issue