OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix notification header dropdown position

develop
Chocobozzz 2024-12-02 14:53:30 +01:00
parent 7395c90f7e
commit d7c48ff5f8
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 2 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/header/notification-dropdown.component.html
View File

@ -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

8
client/src/app/header/notification-dropdown.component.scss
View File

@ -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;

3
client/src/app/header/notification-dropdown.component.ts
View File

@ -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,