so I put my hands on the userChrome file to fix this.
For who's not familiar with this procedure follow this step by step instruction. Skip to the code at the bottom if you already use/know userChrome.css file.
1- first of all you need to find your profile folder, for mac user /[your HD]/Library/Apllication Support/Firefox/Profiles/[random name].default/
If your are not a Mac User. google it or find info in this forum.
2- From your profile folder you have to create a folder named > chrome
3- in there you also create a file named 'userChrome.css'
4- Open the file with a text editor. IT HAS TO BE PLAIN TEXT, insert the following code as header of your new file:
Code: Select all
/* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set 30px namespace to XUL */
hides names on the Bookmarks Toolbar
Code: Select all
/* hide names on the Bookmarks Toolbar */
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
display: none !important;
transition: all 500ms ease-in-out 0s !important;
}
#PlacesToolbarItems > .bookmark-item:hover > .toolbarbutton-text {
display:block !important;
transition: all 500ms ease-in-out 0s !important;
}
Code: Select all
/* Auto-hide bookmarks toolbar */
#navigator-toolbox > #PersonalToolbar {
position: fixed;
visibility: collapse;
opacity: 0;
height: 0px;
min-height: 0px;
width: 100% ;
border-bottom: dotted 1px #666 !important;
transition: height, min-height, visibility 150ms ease-in-out 1s !important;
z-index: 9999999 ;
}
#navigator-toolbox:hover > #PersonalToolbar {
/*position: fixed ;*/
visibility: visible ;
opacity: 1 !important;
min-height: 20px !important;
height: 25px !important;
/*width: 100% ;*/
transition: height, min-height, visibility 350ms ease-in-out 0s !important;
}
#navigator-toolbox > #PersonalToolbar {
transition: opacity 350ms ease-in-out 1s !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
transition: opacity 450ms ease-in-out 0s !important;
}
Code: Select all
/*--- Multi Row ---*/
#personal-bookmarks
{
display: block !important;
}
#personal-bookmarks #PlacesToolbar
{
display: block !important;
min-height: 0px;
overflow-x: hidden;
overflow-y: auto;
max-height: 999px;
}
#personal-bookmarks #PlacesToolbar > hbox
{
display: -moz-stack !important;
left: 0px;
right: 0px;
width: 100%;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems
{
/*display:block;*/
overflow-x: visible;
overflow-y: visible;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box
{
display: block !important;
}
#personal-bookmarks #PlacesToolbar > .bookmark-item
{
visibility: visible !important;
}
#personal-bookmarks #PlacesToolbar .chevron
{
display: none;
}
#personal-bookmarks #PlacesToolbar > hbox > hbox
{
overflow-x: hidden;
overflow-y: hidden;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"]
{
display: none;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator
{
display: none;
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 1px !important;
padding-right: 1px !important;
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"]
{
padding-top: 2px !important;
padding-bottom: 2px !important;
-moz-padding-start: 4px;
-moz-padding-end: 2px;
}
#personal-bookmarks #PlacesToolbar toolbarseparator
{
-moz-appearance: none !important;
visibility: visible !important;
display: inline;
text-shadow: none !important;
border-left: 2px solid #000 !important;
border-right: 1px solid #666 !important;
vertical-align: middle;
}
#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]
{
-moz-appearance: toolbarbutton;
}