I recently decided to try out Pale Moon and I'm very pleased with it, so as part of settling in I am working on a few minor userChrome.css tweaks. One thing I am interested in doing is adding a border-bottom property to nav-bar only when the tab bar is hidden. I added a border to the tab bar, but when there are no tabs, nav-bar is the last item and there is no border, which looks awkward and inconsistent with other UI elements. See:
I don't want a border between nav-bar and TabsToolbar, so a persistent bottom-border for nav-bar will not work. Is this possible, or perhaps something else with the same effect, like adding an independent 1px item to the bottom of the toolbar stack? I tried to search for some clues as to how to do something like this, but my results are completely swamped with questions about how to hide the tab bar and I was unable to find anything.
bottom-border for nav-bar only when TabsToolbar is hidden Topic is solved
Moderators: FranklinDM, Lootyhoof
Re: bottom-border for nav-bar only when TabsToolbar is hidden
You could try adding a bottom border for #navigator-toolbox instead of #TabsToolbar.
Re: bottom-border for nav-bar only when TabsToolbar is hidden
That is what I was looking for. Thank you!