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!

ค้นหาฝ่ายสนับสนุน

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.

เรียนรู้เพิ่มเติม

How do I reduce the tabbar and Urlbar / Toolbar height in Firefox 72.0.1

  • 1 การตอบกลับ
  • 1 คนมีปัญหานี้
  • 1 ครั้งที่ดู
  • ตอบกลับล่าสุดโดย JimFlasch

more options

Up until now I had been able to reduce the height of FIrefox's tabbar Urlbar / icon bar with the followng CSS code:

/* TABS: height */

root {
--tab-toolbar-navbar-overlap: 0px !important; /*fix for fullscreen mode*/
--tab-min-height: 23px !important;

}

root #tabbrowser-tabs {
--tab-min-height: 23px !important;

}

  1. TabsToolbar {height: var(--tab-min-height) !important;}

/* URL bar: height */

root #urlbar, :root .searchbar-textbox {
   font-size: 9pt !important;
   max-height: 23px !important;
   padding: 0px !important;

}

root #identity-box {
  font-size: 9pt !important;
  max-height: 23px;
  padding: 0px !important;

}

root #nav-bar .toolbarbutton-1 {
  font-size: 9pt;
  max-height: 23px !important;
  padding: 0px !important;

}

root #navigator-toolbox {
  font-size: 9pt !important;
  max-height: 23px !important;
  padding: 0px !important;

}

It no longer works. Why not?

Up until now I had been able to reduce the height of FIrefox's tabbar Urlbar / icon bar with the followng CSS code: /* TABS: height */ :root { --tab-toolbar-navbar-overlap: 0px !important; /*fix for fullscreen mode*/ --tab-min-height: 23px !important; } :root #tabbrowser-tabs { --tab-min-height: 23px !important; } #TabsToolbar {height: var(--tab-min-height) !important;} /* URL bar: height */ :root #urlbar, :root .searchbar-textbox { font-size: 9pt !important; max-height: 23px !important; padding: 0px !important; } :root #identity-box { font-size: 9pt !important; max-height: 23px; padding: 0px !important; } :root #nav-bar .toolbarbutton-1 { font-size: 9pt; max-height: 23px !important; padding: 0px !important; } :root #navigator-toolbox { font-size: 9pt !important; max-height: 23px !important; padding: 0px !important; } It no longer works. Why not?

เปลี่ยนแปลงโดย JimFlasch เมื่อ

การตอบกลับทั้งหมด (1)

more options

I have no idea where the "1." in this line is coming from:

"1. TabsToolbar {height: var(--tab-min-height) !important;}"

It should not have the "1." in it, and does not in the text I cut and pasted from the css file ( which is right where it should be, BTW). The browser added the "1." in there in place of a "#" in the css code and I have no idea why.

เปลี่ยนแปลงโดย JimFlasch เมื่อ