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?
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?
Modified by JimFlasch
All Replies (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.
Modified by JimFlasch