Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Searchengines window, i want a list of searchengines, not tiles without text

  • 8 replies
  • 1 has this problem
  • 7 views
  • Last reply by dinny

more options

more than a year ago, i had the same question and i got help that solved the problem

this thread : https://support.mozilla.org/en-US/questions/1231099#answer-1147076

that thread has the pictures and all to explain my problem :)

However, Firefox did something that made this solution not work anymore.

Is there anyone who can help ? :) thanks in advance

more than a year ago, i had the same question and i got help that solved the problem this thread : https://support.mozilla.org/en-US/questions/1231099#answer-1147076 that thread has the pictures and all to explain my problem :) However, Firefox did something that made this solution not work anymore. Is there anyone who can help ? :) thanks in advance

Chosen solution

If you have the @-moz-document url() line with browser.xul then you need to change browser.xul to browser.xhtml

@-moz-document url(chrome://browser/content/browser.xhtml){
  (your code)
}
Read this answer in context 👍 1

All Replies (8)

more options

the link was to the bottom of the thread, this is the top of the thread :

https://support.mozilla.org/en-US/questions/1231099

more options

Enter about:config in the URL bar, then set toolkit.legacyUserProfileCustomizations.stylesheets = true. Then restart the browser.

more options

Hi TyDraniu,

i checked the about:config

but the toolkit.legacyUserProfileCustomizations.stylesheets was already set to true.

unfortunatly., still thanks for the attempt :)

more options

Chosen Solution

If you have the @-moz-document url() line with browser.xul then you need to change browser.xul to browser.xhtml

@-moz-document url(chrome://browser/content/browser.xhtml){
  (your code)
}
more options

Hi Cor-el

i changed the lines ( i had two apparently of them ) where browser.xul was, and changed it to .xhtml.

Started Firefox, and woehoe... it'"s fixed :)

thank you very much!!!

more options

OMG, apparently, they changed something again in Firefox.. and now it looks all scrambled

it's no longer a long list with all searchengines in a row ( i even deleted some searchengines because i was thinking i had to much engines, but it didn't change the crooky layout )


My code ( but is long, very long :p )


begin code
@-moz-document url(chrome://browser/content/browser.xhtml) {
  /* Make the one-off buttons span the full width */
  #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] {
    width: 100% !important;
    height: 24px !important;
    background-image: none !important;
    padding-left: 6px !important;
    box-sizing: content-box !important;
    line-height: 1em !important;
  }
  /* Hide the empties */
  #PopupSearchAutoComplete .searchbar-engine-one-off-item:not([tooltiptext]) {
    display: none !important;
  }
  /* Fix up borders */
  #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext], 
  #PopupSearchAutoComplete .addengine-item {
    border-bottom: 1px solid #ccc !important;
  }
  #PopupSearchAutoComplete .search-setting-button.search-panel-header, 
  #PopupSearchAutoComplete .addengine-item,
  #PopupSearchAutoComplete .search-panel-header.search-panel-current-input {
    border-top: none !important;
    max-height: 26px !important;
    min-height: 16px !important;
    padding-top: 1px !important;
  }
  /* Insert descriptive name for search engine plugin */
  #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext]::after {
    content: attr(tooltiptext);
    margin: 5px 6px 0px !important;
    display: block !important;
  }
  /* Fix icon positioning */
  #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box {
    display: inline-flex !important;
    width: 16px !important;
    max-width: 16px !important;
    border: none !important;
    padding: 0 0 !important;
  }
  #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box > .button-icon {
    display: block !important;
    margin-top: 4px !important;
    margin-left: -1px !important;
  }
  /* Lock in space for 5 search suggestions with scroll bar */
  #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-bodybox,
  #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
    display: flex !important;
    flex: 1 1 auto !important;
  }
  #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
    max-height: calc(5 * 1.5em) !important;
    min-height: calc(5 * 1.5em) !important;
  }
  #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-scrollbar[collapsed="true"] {
    visibility: visible !important;
  }
  /* Tweak height for Firefox 61 */
  #PopupSearchAutoComplete .autocomplete-richlistbox.search-panel-tree {
    max-height: 106px !important;
    min-height: 106px !important;
  }
  /* User style options */
    /* Narrow spacing */
  #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] {
    height: 20px !important;
  }
  #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext]::after {
    margin-top: 3px !important;
  }
  #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box > .button-icon {
    margin-top: 2px !important;
  }
  #PopupSearchAutoComplete .search-panel-header.search-panel-current-input, 
  #PopupSearchAutoComplete .search-panel-header.search-panel-current-engine {
    padding: 0 6px !important;
    max-height: 20px !important;
  }
    /* Hiding "Search for ..." */
  #PopupSearchAutoComplete .search-panel-header.search-panel-current-input {
    display: none !important;
  }
    /* Not hiding "Add ..." engine */
    /* Not hiding "Change Search Settings" */
    /* No color scheme */
    /* Default hover/selection theming */
  #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext]:hover,
  #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext][selected] {
    color: HighlightText !important;
    background-color: Highlight;
  }
}
@-moz-document url(chrome://browser/content/browser.xhtml) {
  /* Icons for many built-in search engines */
  #searchbar .searchbar-textbox[label*="Amazon"] .searchbar-search-icon {
    max-height: 20px !important;
    margin: 2px 7px 2px 3px !important;
    list-style-image: url(resource://search-plugins/images/amazon.ico) !important;
  }
  #searchbar .searchbar-textbox[label*="百度"] .searchbar-search-icon {
    max-height: 20px !important;
    margin: 2px 7px 2px 3px !important;
    list-style-image: url(data:image/x-icon;base64, 
AAABAAIAEBAAAAEACABoBQAAJgAAACAgAAABACAAqBAAAI4FAAAoAA
an a  lot of these unreadable lines 


and those end with 
+UAUL8kwBA/8tUhP/12OX/tQBN/7YATf/22+j/ylGB/5IAQP93ADb/hAA4yoIAMomCAjuHggI6iIIAMoiDADfKdgA2/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) !important;
  }
  #searchbar .searchbar-textbox[label*="Startpage"] .searchbar-search-icon, 
  #searchbar .searchbar-textbox[label*="StartPage"] .searchbar-search-icon {
    max-height: 16px !important;
    margin: 4px 9px 4px 5px !important;
    list-style-image: url(https://startpage.com/favicon.ico) !important;
  }
  .searchbar-search-button[addengines="true"] .searchbar-search-icon-overlay {
    margin-left: -12px !important;
    margin-top: -12px !important;
  }
}


end of code

best regards, dinny

Modified by cor-el

more options

See searchbar_popup_engines_show_labels_scrollbars_fx70.css

more options

i'm looking into that, ii will have to change some code i guess..

because i saved the css as userChrome, but now i only have ICONS, in 3 rows, and not a list of icons with their text behind it :)

i made backup of my userChrome so i can see what i need to change thanks