This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Is this a bug or am I using the wrong flags in userChrome.css

more options

I'd like to have my Bookmark Toolbar automatically hide until I move my mouse over the location. I found some code a while ago to do this, but I never really tried it until now with FF4. When I put in the code and move the bookmark toolbar into the self-hiding panel, it works fine until I open a new window or exit/restart the browser.

#PersonalToolbar {display: none;}
#navigator-toolbox:hover > #PersonalToolbar {display: -moz-box;}

The auto-hide until hover works fine with the box, but the Bookmark Toolbar comes up completely empty. No arrow, just empty space. Every time I comment out the line in userChrome.css, the buttons reappear. When I move the bookmark toolbar out and then re-enable the line and restart, the buttons are fine when I move them back in until the next exit.

I've tried this on three machines (all Windows 7 though, both 32-bit and 64-bit) and the behavior is the same. I've also tried disabling all add-ons and extensions with no change in the results.

Is this a bug or am I using the wrong flags (-moz-box)? Thanks for any ideas/help provided.

I'd like to have my Bookmark Toolbar automatically hide until I move my mouse over the location. I found some code a while ago to do this, but I never really tried it until now with FF4. When I put in the code and move the bookmark toolbar into the self-hiding panel, it works fine until I open a new window or exit/restart the browser. <br /> <pre>#PersonalToolbar {display: none;} #navigator-toolbox:hover > #PersonalToolbar {display: -moz-box;} </pre> The auto-hide until hover works fine with the box, but the Bookmark Toolbar comes up completely empty. No arrow, just empty space. Every time I comment out the line in userChrome.css, the buttons reappear. When I move the bookmark toolbar out and then re-enable the line and restart, the buttons are fine when I move them back in until the next exit. I've tried this on three machines (all Windows 7 though, both 32-bit and 64-bit) and the behavior is the same. I've also tried disabling all add-ons and extensions with no change in the results. Is this a bug or am I using the wrong flags (-moz-box)? Thanks for any ideas/help provided.

Modified by cor-el

Chosen solution

Never mind, I don't think this works.

---

I think display:-moz-box is correct.

What if you try altering a different style attribute, such as height?

/* Bookmarks Toolbar */
#PersonalToolbar {height: 1px;}
#navigator-toolbox:hover > #PersonalToolbar {height: 26px;}
Read this answer in context 👍 0

All Replies (6)

more options

Chosen Solution

Never mind, I don't think this works.

---

I think display:-moz-box is correct.

What if you try altering a different style attribute, such as height?

/* Bookmarks Toolbar */
#PersonalToolbar {height: 1px;}
#navigator-toolbox:hover > #PersonalToolbar {height: 26px;}

Modified by jscher2000 - Support Volunteer

more options
more options

cor-el:

Thanks for the suggestion. I already tried rebuilding that file as well and it didn't help. Also, all the changes I make are retained from session to session in terms of placement and what's shown/hidden, it's just the contents of the bookmark toolbar that disappear. The toolbar is still there and I can drag things to it, but again, they disappear after restarting the browser.

edit (clarification): When I say the items disappear, I mean they are no longer visible or clickable. They are still there in the sense that they appear in the Bookmark menu and if I move the Bookmark Toolbar from its own toolbar into the space next to the Menu Toolbar, they are then shown.

Modified by Anakha

more options

jscher2000:

Interesting idea. I tried the following and it almost does what I want, but it won't allow the toolbar to shrink below what looks like approximately 80% of full-size. I wonder if it can be tweaked to work though.

  1. PersonalToolbar {height: 1px !important;}
  2. navigator-toolbox:hover > #PersonalToolbar {height: 26px !important;}

more options

jscher2000:

You got me on the right path. If you change the min-height, this works perfectly!

  1. PersonalToolbar {height: 1px !important; min-height: 1px !important;}
  2. navigator-toolbox:hover > #PersonalToolbar {height: 26px !important;}

Thanks for your help!

Modified by Anakha

more options

Good catch, I didn't look for min-height.