Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

Etsi tuesta

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.

Lue lisää

How do I find the current height of the tab bar (in userchrome.css)?

  • 3 vastausta
  • 1 henkilöllä on sama ongelma
  • 2 näyttöä
  • Viimeisin kirjoittaja cor-el

more options

How do I find the current height of the tab bar (#TabsToolbar)? I know, for example, that there are properties --tab-min-height, but my tab bar is in a few rows, so I need to know either the number of rows or just its current height. In addition, this height can change when I add or remove tabs. How can I catch this event and recalculate the parameters I need? Thank you very much for your help, I'm a beginner ...

How do I find the current height of the tab bar (#TabsToolbar)? I know, for example, that there are properties --tab-min-height, but my tab bar is in a few rows, so I need to know either the number of rows or just its current height. In addition, this height can change when I add or remove tabs. How can I catch this event and recalculate the parameters I need? Thank you very much for your help, I'm a beginner ...

Kaikki vastaukset (3)

more options

Firefox would normally adjust the height automatically between the min-height (--tab-min-height) and the max-height.

Why would you want to recalculate parameters?

Multi-row tabs in FF57 : FirefoxCSS

more options

cor-el said

Why would you want to recalculate parameters?

I want to lower the tabs down the browser window. This is not difficult to do. But then you need to raise the bottom edge of the displayed page. This can be done using # content-deck. For example, this:

  1. content-deck {margin-bottom: calc (var (-tab-min-height) * 3); }

This is when there are three rows of tabs. But I want a general case, and I need to know the exact value of the current height of the tab bar, and be able to react to changing it. I have never found an implementation of this, is it really impossible to do it correctly? Thank you.

more options

There are a lot of issues with placing the Tab bar at the bottom of the window like the Private Browsing mode indicator and the list all tabs button and other icons that might appear on the Tab bar and toolbars like the developer toolbar or notifications that Firefox might show and multiple tab bars makes this even more difficult.

See also:

  • /questions/1196861 Firefox 57 tabs on bottom , there are solution, don't work correctly with private browsing. Tabs are moved above content-deck. Is there way to correct it?