Hello!

In my userChrome.css file, I use the following code to hide the search engine selection button (circled in red in my image):

#urlbar-searchmode-switcher { #urlbar:not([searchmode]) & {
    margin: 0 !important;
    padding: 0 !important;
    width: 8px;
    overflow: hidden;
    opacity: 0;
} }

But in Firefox 151, this code no longer works. Is it possible to remove this button when there is only one (or no) search engine in the submenu? For example, here there is only “Startpage,” so the button to change the search engine serves no purpose. How can I adapt the code above so that it continues to work in Firefox 151?

Also, the “This time search with” menu shown here doesn’t respect my usual margins between an element and a separator; for example, in the image, the margin between the “Startpage” search engine name and the separators above and below it should be smaller. How can I modify these elements?

Thank you very much in advance for your help!

  • PleaseBeKindPleaseOP
    1·
    1 month ago

    the button will stay hidden until you open the panel once - which is a bit tricky since the button is hidden

    It’s tricky… but it’s still doable, since you can always click on the first 8 pixels of the address bar to make the button appear. So I think your solution is excellent! Thank you so much!

    the value is set to var(–space-small) so you could possibly just modify that

    Yes, that’s perfect! Thank you so much for your help!