From d7c48ff5f82c554f15b585b619a77efe19f9d384 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Mon, 2 Dec 2024 14:53:30 +0100
Subject: [PATCH] Fix notification header dropdown position

---
 .../src/app/header/notification-dropdown.component.html   | 2 +-
 .../src/app/header/notification-dropdown.component.scss   | 8 --------
 client/src/app/header/notification-dropdown.component.ts  | 3 +--
 3 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/client/src/app/header/notification-dropdown.component.html b/client/src/app/header/notification-dropdown.component.html
index fb3a79f9e..2bf61f902 100644
--- a/client/src/app/header/notification-dropdown.component.html
+++ b/client/src/app/header/notification-dropdown.component.html
@@ -23,7 +23,7 @@
   </a>
 } @else {
   <div
-    ngbDropdown autoClose="outside" placement="bottom" container="body" dropdownClass="dropdown-notifications"
+    ngbDropdown autoClose="outside" placement="bottom-end auto" container="body" dropdownClass="dropdown-notifications"
     #dropdown="ngbDropdown" (openChange)="$event === true ? onDropdownShown() : onDropdownHidden()"
   >
     <button
diff --git a/client/src/app/header/notification-dropdown.component.scss b/client/src/app/header/notification-dropdown.component.scss
index 71371f2cc..4ca79f3f7 100644
--- a/client/src/app/header/notification-dropdown.component.scss
+++ b/client/src/app/header/notification-dropdown.component.scss
@@ -5,16 +5,8 @@
   scrollbar-color: auto;
 }
 
-.notification-inbox-dropdown.hidden {
-  display: none;
-}
-
 ::ng-deep {
   .dropdown-notifications {
-    max-width: none;
-    top: -6px !important;
-    left: 7px !important;
-
     .dropdown-menu {
       padding: 0;
       font-size: 14px;
diff --git a/client/src/app/header/notification-dropdown.component.ts b/client/src/app/header/notification-dropdown.component.ts
index 41e0792b8..60d9c7236 100644
--- a/client/src/app/header/notification-dropdown.component.ts
+++ b/client/src/app/header/notification-dropdown.component.ts
@@ -6,7 +6,7 @@ import { GlobalIconComponent } from '@app/shared/shared-icons/global-icon.compon
 import { LoaderComponent } from '@app/shared/shared-main/common/loader.component'
 import { UserNotificationService } from '@app/shared/shared-main/users/user-notification.service'
 import { UserNotificationsComponent } from '@app/shared/standalone-notifications/user-notifications.component'
-import { NgbDropdown, NgbDropdownModule, NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgbDropdown, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap'
 import { Subject, Subscription } from 'rxjs'
 import { filter } from 'rxjs/operators'
 
@@ -17,7 +17,6 @@ import { filter } from 'rxjs/operators'
   standalone: true,
   imports: [
     CommonModule,
-    NgbPopoverModule,
     UserNotificationsComponent,
     GlobalIconComponent,
     LoaderComponent,