N
Novu3mo ago
Vizzlou

How do I make the Inbox sticky/fixed?

Using the previous NotificationCenter it aligned the Notification box directly under the Bell and adjusted the "top" prop even on scroll and was always fixed. How can I get the same behaviour with the new Inbox component?
3 Replies
Pawan Jain
Pawan Jain3mo ago
@Vizzlou checkout placement and placementOffset prop https://roadmap.novu.co/changelog/5dc2ffc4-b32a-4252-8cec-cdb8ba295a52
v2.6.2 Inbox popover position control - Novu's changelog | Productlane
Stay up-to-date with Novu - powered by Productlane
Vizzlou
VizzlouOP3mo ago
We have tried those, however we do not get the expected sticky/fixed result... However we did manage to make it by modifying the nv-inboxpopoverContent component with: .nv-inboxpopoverContent { position: fixed !important; top: 55.5px !important; }
Pawan Jain
Pawan Jain3mo ago
@Vizzlou it would be helpful if you can share before and after video. It will help us in improving these two options placement and placementOffset

Did you find this page helpful?