Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Αναζήτηση στην υποστήριξη

Προσοχή στις απάτες! Δεν θα σας ζητήσουμε ποτέ να καλέσετε ή να στείλετε μήνυμα σε κάποιον αριθμό τηλεφώνου ή να μοιραστείτε προσωπικά δεδομένα. Αναφέρετε τυχόν ύποπτη δραστηριότητα μέσω της επιλογής «Αναφορά παραβίασης».

Μάθετε περισσότερα
Αυτό το νήμα αρχειοθετήθηκε. Κάντε νέα ερώτηση αν χρειάζεστε βοήθεια.
Αρχειοθετήθηκε

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

JimFlasch απαντήθηκε
JimFlasch

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)

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