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

styling changes 

*notification popup
This commit is contained in:
Sofia Papacharalampous 2024-03-19 17:25:37 +02:00
parent 551249af33
commit 558e1331f2
3 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,3 +1,5 @@
<div class="dropdown-top"></div>
<mat-nav-list class="inapp-notification-listing-dialog"> <mat-nav-list class="inapp-notification-listing-dialog">
<a *ngFor="let inappNotification of inappNotifications; last as last;" mat-list-item (click)="goToNotification(inappNotification)"> <a *ngFor="let inappNotification of inappNotifications; last as last;" mat-list-item (click)="goToNotification(inappNotification)">
<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Delivered" mat-list-icon>drafts</mat-icon> <mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Delivered" mat-list-icon>drafts</mat-icon>

10
dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.scss
View File

@ -1,3 +1,13 @@
.dropdown-top {
width: 0rem;
border-bottom: 0.625rem solid #FFFFFF;
border-left: 0.625rem solid transparent;
border-right: 0.625rem solid transparent;
position: fixed;
transform: translate(27.65rem, -0.6rem);
}
.inapp-notification-listing-dialog { .inapp-notification-listing-dialog {
padding-top: 0em; padding-top: 0em;

8
dmp-frontend/src/app/ui/navbar/navbar.component.ts
View File

@ -304,9 +304,11 @@ export class NavbarComponent extends BaseComponent implements OnInit {
} else { } else {
this.countUnreadInappNotifications(); this.countUnreadInappNotifications();
this.inAppNotificationDialog = this.dialog.open(MineInAppNotificationListingDialogComponent, { this.inAppNotificationDialog = this.dialog.open(MineInAppNotificationListingDialogComponent, {
position: { hasBackdrop: true,
top: '64px', right: '0px' autoFocus: false,
} closeOnNavigation: true,
disableClose: false,
position: { top: '71px', right: '4.8em' },
}); });
this.inAppNotificationDialog.afterClosed().pipe(takeUntil(this._destroyed)).subscribe(result => { this.inAppNotificationDialog.afterClosed().pipe(takeUntil(this._destroyed)).subscribe(result => {
this.countUnreadInappNotifications(); this.countUnreadInappNotifications();