搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

How can I reduce the line spacing in the Firefox address-bar drop-down list

  • 3 回覆
  • 5 有這個問題
  • 837 次檢視
  • 最近回覆由 OneMoreName

more options

Just tried Firefox 54.0.1 and 52.2.1esr, moving up from 50.0.2, and in both of these newer versions the address-bar drop-down list (list of previously visited sites that drops down when you type into the address bar) is very widely spaced. Lines take about twice as much vertical space as in 50.0.2, and there is much much too much white space between them. Thre thread in url https://support.mozilla.org/en-US/questions/1155533 shows what I am seeing, but the suggestion there does not change the line spacing. Note that the search bar dropdown still is reasonably compact, but the address bar dropdown is not. How can I get the vertical spacing of lines back to a good single-space image?

被選擇的解決方法

Just in case it wasn't mentioned anywhere, the userChrome.css file is only read at startup, so it's a little inconvenient for tweaking...

You also could consider reducing the height of each row from 30 pixels to 26 pixels. The rule for that would be:

#PopupAutoCompleteRichResult .autocomplete-richlistitem {
  height: 26px !important;
  min-height: 26px !important;
}

I'm attaching a screenshot showing how this appears on mine. The border was added just to make the effect clearer and isn't included in the above rule.

Of course, if 26 pixels is still too tall, you probably could take it down to some smaller number of pixels. It gets quite cramped at 20 pixels.

從原來的回覆中察看解決方案 👍 2

所有回覆 (3)

more options

That would be to remove padding and border top and bottom ans possibly use negative margin-top and margin-bottom for .autocomplete-richlistitem to further reduce the height of each item. You would have to test what works for you.

.autocomplete-richlistitem {
 padding-top: 0px !important;
 padding-bottom: 0px !important;
}
more options

選擇的解決方法

Just in case it wasn't mentioned anywhere, the userChrome.css file is only read at startup, so it's a little inconvenient for tweaking...

You also could consider reducing the height of each row from 30 pixels to 26 pixels. The rule for that would be:

#PopupAutoCompleteRichResult .autocomplete-richlistitem {
  height: 26px !important;
  min-height: 26px !important;
}

I'm attaching a screenshot showing how this appears on mine. The border was added just to make the effect clearer and isn't included in the above rule.

Of course, if 26 pixels is still too tall, you probably could take it down to some smaller number of pixels. It gets quite cramped at 20 pixels.

more options

Regarding jscher2000's solution, I had tried the height: operand before posting, but did not know about the min-height: operand, and so my trials did not take. A height and min-height of 20px is starting to look good. (Don't use the border, though.) Thanks.