Is this a bug or am I using the wrong flags in userChrome.css
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.
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)
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
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
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.
- PersonalToolbar {height: 1px !important;}
- navigator-toolbox:hover > #PersonalToolbar {height: 26px !important;}
jscher2000:
You got me on the right path. If you change the min-height, this works perfectly!
- PersonalToolbar {height: 1px !important; min-height: 1px !important;}
- navigator-toolbox:hover > #PersonalToolbar {height: 26px !important;}
Thanks for your help!
Modified by Anakha
Good catch, I didn't look for min-height.