diff --git a/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html b/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html index cd85d6d66..0f4c5b7a7 100644 --- a/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html +++ b/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html @@ -1,3 +1,5 @@ + + drafts diff --git a/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.scss b/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.scss index 7cbca544f..6a455971f 100644 --- a/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.scss +++ b/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.scss @@ -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 { padding-top: 0em; diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.ts b/dmp-frontend/src/app/ui/navbar/navbar.component.ts index e6cfef4fb..e4ca508e0 100644 --- a/dmp-frontend/src/app/ui/navbar/navbar.component.ts +++ b/dmp-frontend/src/app/ui/navbar/navbar.component.ts @@ -304,9 +304,11 @@ export class NavbarComponent extends BaseComponent implements OnInit { } else { this.countUnreadInappNotifications(); this.inAppNotificationDialog = this.dialog.open(MineInAppNotificationListingDialogComponent, { - position: { - top: '64px', right: '0px' - } + hasBackdrop: true, + autoFocus: false, + closeOnNavigation: true, + disableClose: false, + position: { top: '71px', right: '4.8em' }, }); this.inAppNotificationDialog.afterClosed().pipe(takeUntil(this._destroyed)).subscribe(result => { this.countUnreadInappNotifications();