Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save lospejos/37d6cc50a4ad410458247f4aef1d665c to your computer and use it in GitHub Desktop.
Save lospejos/37d6cc50a4ad410458247f4aef1d665c to your computer and use it in GitHub Desktop.
Firefox Quantum Roomy Bookmarks Toolbar

In your Profile folder, add/edit the file chrome/userChrome.css with the following contents:

/* Recreates the basic functionality of the popular Roomy Bookmarks Toolbar add-on:
Hide bookmarks bar items label text, show on hover. */

.bookmark-item > .toolbarbutton-text {
  margin-top: -1px !important;
}
.bookmark-item {
  margin: -1px !important;
}

.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;
}

Profile folder:

Windows: %APPDATA%\Mozilla\Firefox\Profiles\xxxxxxxx.default\
Ubuntu: ~/.mozilla/firefox/xxxxxxxx.default/
Firefox: Menu > Help > Troubleshooting Information > Application Basics > Profile Directory

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment