hide bookmark text in Firefox (reveal text on mouse hover)
Hey :)
https://support.mozilla.org/en-US/questions/1265175 This no longer seems to work on my new mac (M1, FF 103.0.2)
Or maybe I did something wrong but I cannot figure it out.
Basically, I get no change whatsoever after creating the userChrome.css file and placing it in the appropriate "chrome" folder in my profile folder...
Please help me figure this out.
Best, Julien
Chosen solution
OK. I found the issue. I didn't enable toolkit.legacyUserProfileCustomizations.stylesheets in about:config
Source for the whole thing: https://gist.github.com/sboettcher/604ac90fb5b53f82486f6b1854efdc4e
Read this answer in context 👍 0All Replies (3)
https://support.mozilla.org/bm/questions/1188844
alternate source
This version of userChrome.css doesn't work either on my mac while it works on my Windows10 PC:
/*
* Recreates the basic functionality of the popular Roomy Bookmarks Toolbar add-on in Firefox 57+. * Uncomment the section with the functionality that you want, leave all other sections commented. * This only affects toplevel toolbar bookmarks and folders, bookmarks and subfolders in folders are unaffected. * The tooltips on long hover (showing bookmark name and link) are unaffected. */
/* some margin settings, do not comment */
.bookmark-item > .toolbarbutton-text {
margin-top: -1px !important;
} .bookmark-item {
margin: -1px !important;
}
/* No text on toolbar bookmarks; Text on bookmark folders. No hover effect. */
/*
.bookmark-item:not([container]):not([open="true"]) > .toolbarbutton-text {
display: none !important;
}
- PlacesToolbarItems > .bookmark-item:not([container]):not([open="true"]) > .toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 0px !important;
}
- /
/* No text on toolbar bookmarks; No text on bookmark folders. Show bookmark text on hover. */
/*
.bookmark-item:not(:hover):not([open="true"]) > .toolbarbutton-text {
display: none !important;
}
- PlacesToolbarItems > .bookmark-item:not(:hover):not([open="true"]) > .toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 0px !important;
}
- /
/* No text on toolbar bookmarks; Text on bookmark folders. Show bookmark text on hover. */
.bookmark-item:not(:hover):not([container]):not([open="true"]) > .toolbarbutton-text {
display: none !important;
}
- PlacesToolbarItems > .bookmark-item:not(:hover):not([container]):not([open="true"]) > .toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 0px !important;
}
_______________________________
Again, I cannot figure out why.
Chosen Solution
OK. I found the issue. I didn't enable toolkit.legacyUserProfileCustomizations.stylesheets in about:config
Source for the whole thing: https://gist.github.com/sboettcher/604ac90fb5b53f82486f6b1854efdc4e