Autohide bookmarks toolbar using userChrome.css

User Help for Mozilla Firefox
Post Reply
::))
Guest

Autohide bookmarks toolbar using userChrome.css

Post by ::)) »

Is there anyway to get the bookmarks toolbar to autohide in Firefox 14 using userChrome.css? Nothing I have tried works.
User avatar
Eckard
Posts: 1414
Joined: September 5th, 2011, 8:17 am
Location: Paris (not TX)

Re: Autohide bookmarks toolbar using userChrome.css

Post by Eckard »

This css-code doesn't work any longer (https://bugzilla.mozilla.org/show_bug.cgi?id=633739)

Code: Select all

/* Pop-up bookmarks toolbar */
#PersonalToolbar {display: none;}
#navigator-toolbox:hover >
#PersonalToolbar {display: -moz-box;}


The add-on Roomy Bookmarks Toolbar has this option too, but it doesn't work, neither.

You may try this one (makes me nervous):

Code: Select all

/* Auto-hide bookmarks toolbar */
#PersonalToolbar {visibility: collapse !important;}
#navigator-toolbox:hover >
#PersonalToolbar {visibility: visible !important;}
::))
Guest

Re: Autohide bookmarks toolbar using userChrome.css

Post by ::)) »

Thanks but that does not work either.
User avatar
Frank Lion
Posts: 21173
Joined: April 23rd, 2004, 6:59 pm
Location: ... The Exorcist....United Kingdom
Contact:

Re: Autohide bookmarks toolbar using userChrome.css

Post by Frank Lion »

::)) wrote:Is there anyway to get the bookmarks toolbar to autohide in Firefox 14 using userChrome.css? Nothing I have tried works.

Yep, simple enough -

Code: Select all

/* Franks Autohide Bookmark Toolbar... */
#PersonalToolbar {
   display: none !important;
}

#navigator-toolbox:hover > #PersonalToolbar {
   display: -moz-box !important;}
"The only thing necessary for the triumph of evil, is for good men to do nothing." - Edmund Burke (attrib.)
.
User avatar
Eckard
Posts: 1414
Joined: September 5th, 2011, 8:17 am
Location: Paris (not TX)

Re: Autohide bookmarks toolbar using userChrome.css

Post by Eckard »

Frank Lion wrote:Yep, simple enough -

/* Franks Autohide Bookmark Toolbar... */
.....

Here on Mac same problem with your code as https://bugzilla.mozilla.org/show_bug.cgi?id=633739
The Bookmarks Toolbar is hidden, and when I un-hide it by mouse hover it is empty. No bookmarks.
User avatar
Eckard
Posts: 1414
Joined: September 5th, 2011, 8:17 am
Location: Paris (not TX)

Re: Autohide bookmarks toolbar using userChrome.css

Post by Eckard »

::)) wrote:Thanks but that does not work either.

Works for me on a Mac.
But with each appearance and disappearance of the Bookmarks toolbar the page moves down and up the equivalent of the toolbar height.
Very nasty!
::))
Guest

Re: Autohide bookmarks toolbar using userChrome.css

Post by ::)) »

Eckard wrote:You may try this one (makes me nervous):

Code: Select all

/* Auto-hide bookmarks toolbar */
#PersonalToolbar {visibility: collapse !important;}
#navigator-toolbox:hover >
#PersonalToolbar {visibility: visible !important;}
Actually, this does work, thank you.

I was testing it on Windows XP and forgot it does not show file extensions by default. I had the file named userChrome.css.txt :oops:
User avatar
Eckard
Posts: 1414
Joined: September 5th, 2011, 8:17 am
Location: Paris (not TX)

Re: Autohide bookmarks toolbar using userChrome.css

Post by Eckard »

You're not the first one to fall in this pit ;-)
anitaca
Posts: 6
Joined: April 25th, 2012, 8:16 am

Re: Autohide bookmarks toolbar using userChrome.css

Post by anitaca »

[ I posted as ::)) ]

http://userstyles.org/styles/68747/book ... er-windows

The above and at least one other userstyle will autohide the bookmarks without moving the page.

I do not know css but I managed to cut the above down to the least amount of code possible. The above is more fancy, of course.

It may not be the ideal code but it works:

Code: Select all

#navigator-toolbox > #PersonalToolbar {

  position: fixed;

  visibility: hidden;

  margin-top: 64px;

  width: 100%;

}



#navigator-toolbox:hover > #PersonalToolbar {

  visibility: visible;

}
User avatar
Eckard
Posts: 1414
Joined: September 5th, 2011, 8:17 am
Location: Paris (not TX)

Re: Autohide bookmarks toolbar using userChrome.css

Post by Eckard »

Looks very fancy here on a Mac!! :-D

Image
anitaca
Posts: 6
Joined: April 25th, 2012, 8:16 am

Re: Autohide bookmarks toolbar using userChrome.css

Post by anitaca »

That looks badly positioned to me. You can change the value of margin-top to change its position.
User avatar
Eckard
Posts: 1414
Joined: September 5th, 2011, 8:17 am
Location: Paris (not TX)

Re: Autohide bookmarks toolbar using userChrome.css

Post by Eckard »

Fortunately I don't want to auto-hide my bookmarks toolbar ;-)
Post Reply