bottom-border for nav-bar only when TabsToolbar is hidden Topic is solved

Anything about browser themes, both Full Themes and Lightweight Themes (personas) should go here.

Moderators: satrow, FranklinDM, Lootyhoof

tsundoku
New to the forum
New to the forum
Posts: 2
Joined: Wed, 29 Nov 2017, 19:24

bottom-border for nav-bar only when TabsToolbar is hidden

Unread postby tsundoku » Wed, 29 Nov 2017, 19:47

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:

navborder.png
navborder.png (31.18 KiB) Viewed 424 times


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.

User avatar
Lootyhoof
Themeist
Themeist
Posts: 1138
Joined: Thu, 09 Feb 2012, 23:35
Location: United Kingdom

Re: bottom-border for nav-bar only when TabsToolbar is hidden  Topic is solved

Unread postby Lootyhoof » Thu, 30 Nov 2017, 20:46

You could try adding a bottom border for #navigator-toolbox instead of #TabsToolbar.

tsundoku
New to the forum
New to the forum
Posts: 2
Joined: Wed, 29 Nov 2017, 19:24

Re: bottom-border for nav-bar only when TabsToolbar is hidden

Unread postby tsundoku » Fri, 01 Dec 2017, 01:47

That is what I was looking for. Thank you!


Return to “Themes”

Who is online

Users browsing this forum: No registered users and 1 guest