Hello This is a simple theme component for make the navigation controls (create topic, notifications and other buttons) floating on mobile. You can also change the navigation bar to the desktop version. This component originally not contained this but I think it would be a good option because of the empty space.
Inspired by Focused Sidebar Theme
Enable desktop navigation bar.
It would be nice if the floating navigation controls could be changed into something like this.
Yeah, I think it is a great idea to add custom navigation control buttons style.
I’ve merged it
I’ve added a
custom nav control buttons enabled setting where you can change these buttons styles.
If you enable this then the other options below that will activate.
You can change the buttons background color, icon color and rounding (border-radius).
There are two sections available:
The default setting is circle buttons but you can change the rounding…
Navigation control buttons except create topic button.
Create topic button
Edit: I also added the open draft button. Since the label is hidden on custom version so it seems to a good idea to change the button color if draft available.
I’ve made more changes to make it more customizable.
Navigation control buttons vertical align. Now you can align the buttons vertical with enable the following setting.
Now you can set the buttons right and bottom positions too with the following settings.
I added some settings to the navigation bar customization too. Now you can customize pretty much everything on the navigation bar desktop version with the following settings.
@dodesz Very nice theme component.
One issue: the floating buttons at the bottom conflict with the updated topic bar (when fixed at the bottom) in this component:
Sticky New Topic Banner - theme-component - Discourse Meta
Is there a way to disable that?
Also, it would be nice if you could have the option to only enable the “New Topic” button. Maybe an option to change the “New Topic” button functionality to act like this instead?
Yep, this is just a color change. So if you change the draft button colors to the same like create topic button than it will be disable.
Okay, that’s good to know! Thanks!
hi thanks for this component.
FKB Pro - Social theme - theme - Discourse Meta
How can I use this component with your theme above. Profile and new topic button move together