Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Avatar for Username

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信，及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

话题已存档。 如果需要帮助请提出新问题。

How to reduce height of tabs toolbar below 28px?

  • 1 个回答
  • 4 人有此问题
  • 1 次查看
  • 最后回复者为 Tom2025

rodvprt
rodvprt
more options

I'm trying to reduce the heights of the various toolbars. I have reduced the height of the bookmarks bar to 18px by editing the userChrome.css file and selecting a compact layout, but I can't get the tabs bar below 28px. Actually, the BAR gets smaller, but the button for the current tab won't reduce below 28px. Attached is an screenshot of this. I've tried all the combinations of height and min-height elements for #TabsToolbar, .tabbrowser-tabs, .tab-text, .tab-throber, .tab-icon-image, .tab-close, .tab-close-button, etc, but nothing works. This is with firefox 57.0.1. What am I missing?

I'm trying to reduce the heights of the various toolbars. I have reduced the height of the bookmarks bar to 18px by editing the userChrome.css file and selecting a compact layout, but I can't get the tabs bar below 28px. Actually, the BAR gets smaller, but the button for the current tab won't reduce below 28px. Attached is an screenshot of this. I've tried all the combinations of height and min-height elements for #TabsToolbar, .tabbrowser-tabs, .tab-text, .tab-throber, .tab-icon-image, .tab-close, .tab-close-button, etc, but nothing works. This is with firefox 57.0.1. What am I missing?
已附加屏幕截图

所有回复 (1)

Tom2025
Tom2025
more options

I have tried this custom CSS without success to change height:

  1. TabsToolbar { height: 20px !important; }

What is the CSS code to reduce the height of both TabsToolbar and Tabs? I want to remove padding to shrink the height.

由Tom2025于修改