![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
How do I reduce the tabbar and Urlbar / Toolbar height in Firefox 72.0.1
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)
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 เมื่อ