Advertisement
Guest User

Fx70 Search Bar Names Two Column

a guest
Oct 24th, 2019
162
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.63 KB | None | 0 0
  1.  
  2.   /* Make the one-off buttons span the full width */
  3.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] {
  4.     width: 100% !important;
  5.     height: 24px !important;
  6.     background-image: none !important;
  7.     padding-left: 6px !important;
  8.     box-sizing: content-box !important;
  9.     line-height: 1em !important;
  10.   }
  11.   /* Hide the empties */
  12.   #PopupSearchAutoComplete .searchbar-engine-one-off-item:not([tooltiptext]) {
  13.     display: none !important;
  14.   }
  15.   /* Fix up borders */
  16.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext],
  17.   #PopupSearchAutoComplete .addengine-item {
  18.     border-bottom: 1px solid #ccc !important;
  19.   }
  20.   #PopupSearchAutoComplete .search-setting-button.search-panel-header,
  21.   #PopupSearchAutoComplete .addengine-item,
  22.   #PopupSearchAutoComplete .search-panel-header.search-panel-current-input {
  23.     border-top: none !important;
  24.     max-height: 26px !important;
  25.     min-height: 16px !important;
  26.     padding-top: 1px !important;
  27.   }
  28.   /* Drop Settings button back into place (Fx69) */
  29.   #PopupSearchAutoComplete .search-panel-one-offs {
  30.     height: auto !important;
  31.     display: block !important;
  32.   }
  33.   /* Insert descriptive name for search engine plugin */
  34.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext]::after {
  35.     content: attr(tooltiptext);
  36.     margin: 5px 6px 0px !important;
  37.     display: block !important;
  38.   }
  39.   /* Fix icon positioning */
  40.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box {
  41.     display: inline-flex !important;
  42.     width: 16px !important;
  43.     max-width: 16px !important;
  44.     border: none !important;
  45.     padding: 0 0 !important;
  46.   }
  47.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] > .button-box > .button-icon {
  48.     display: block !important;
  49.     margin-top: 4px !important;
  50.     margin-left: -1px !important;
  51.   }
  52.  
  53.   /* Lock in space for 5 search suggestions with scroll bar */
  54. /* DISABLED FOR FIREFOX 69
  55.   #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-bodybox,
  56.   #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
  57.     display: flex !important;
  58.     flex: 1 1 auto !important;
  59.   }
  60.   #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .autocomplete-treebody {
  61.     max-height: calc(5 * 1.5em) !important;
  62.     min-height: calc(5 * 1.5em) !important;
  63.   }
  64.   #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree .tree-scrollbar[collapsed="true"] {
  65.     visibility: visible !important;
  66.   }
  67. */
  68.   /* Tweak height for Firefox 61 */
  69. /* DISABLED FOR FIREFOX 69
  70.   #PopupSearchAutoComplete .autocomplete-richlistbox.search-panel-tree {
  71.     max-height: 106px !important;
  72.     min-height: 106px !important;
  73.   }
  74. */
  75.   /* User style options */
  76.     /* Two columns - standard spacing */
  77.   #PopupSearchAutoComplete,
  78.   #PopupSearchAutoComplete .search-panel-header.search-panel-current-engine,
  79.   #PopupSearchAutoComplete .search-one-offs,
  80.   #PopupSearchAutoComplete .search-panel-one-offs {
  81.     width: calc(32em + 14px) !important;
  82.     min-width: calc(32em + 14px) !important;
  83.   }
  84.   #PopupSearchAutoComplete .searchbar-engine-one-off-item[tooltiptext] {
  85.     width: 16em !important;
  86.     white-space: nowrap;
  87.     overflow: hidden;
  88.   }
  89.     /* Hiding "Search for ..." */
  90.   #PopupSearchAutoComplete .search-panel-header.search-panel-current-input {
  91.     display: none !important;
  92.   }
  93.     /* Not hiding "Add ..." engine */
  94.     /* Not hiding "Change Search Settings" */
  95.     /* Search bar tooltip text only visible on mouseover */
  96.     /* No color scheme */
  97.     /* No color scheme for hover */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement