First of all thank you for providing the information needed for applying styles in FF57. For some reason none of my old visual styles were working any more on the new version of Stylish for Quantum, so the "userChrome.css" file solution is great for me.
For the ones looking to get more space on the bookmarks toolbar by removing the labels, I'm posting bellow the script I've been using since Firefox 4 that has similar effect to the old "Smart Bookmarks" or "Roomy Bookmarks" addons: the labels are hidden until you hover over the icon, moment when the label only for that icon is shown. You also have some padding adjustments.
Code: Select all
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#PersonalToolbar .bookmark-item:not(.menu-iconic):not(menuitem) {max-width: 22px !important;}
#PersonalToolbar .bookmark-item:hover:not(.menu-iconic):not(menuitem) {max-width: none !important;}
#PersonalToolbar {margin: -2px 0 -1px 0px !important;}
#PersonalToolbar image {margin: -1px !important;}
One question though: any idea how I can increase the padding between the icon and label when hovering without affecting the general padding between the icons?
Thanks!