How do I move custom NavigationItems to right side of Topbar?
This seems like it should be simple, but I'm struggling to find a way...
I have 2 panels - guest and app that both use topbar navigation. The guest panel does not require authentication and I've added Login and Register NavigationItems that route to the app panel authentication. I just want to move them over to the right side of the topbar. I played around with renderHook for TOPBAR_END and can put links there, but I want the NavigationItems moved rather duplicating with a blade view.
Thanks
Solution:Jump to solution
/* move login button to the right side */
.fi-topbar-item:nth-of-type(3) {
@apply absolute right-36;
}
...
4 Replies
Looking at the code, no. We just allow rendering the topbar vs the sidebar.
In this case write some custom css to align it, do a PR to add navigation extraAttributes or last and worst case override the topbar blade
thank you - I'm not very familiar with the PR process - can I just make the request or do I need to update the code and submit?
I added this css to the custom theme...
Solution
/* move login button to the right side /
.fi-topbar-item:nth-of-type(3) {
@apply absolute right-36;
}
/ move register button to the right side */
.fi-topbar-item:nth-of-type(4) {
@apply absolute right-4;
}
all good - thanks