How do I find the current height of the tab bar (in userchrome.css)?
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 ...
All Replies (3)
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
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:
- 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.
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?