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
@Vizzlou
checkout
placement
and placementOffset
prop
https://roadmap.novu.co/changelog/5dc2ffc4-b32a-4252-8cec-cdb8ba295a52v2.6.2 Inbox popover position control - Novu's changelog | Productlane
Stay up-to-date with Novu - powered by Productlane
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;
}
@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