X
Tap here to go to the mobile version of the site.

Support Forum

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

Posted

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 ...

Additional System Details

Installed Plug-ins

  • Shockwave Flash 29.0 r0
  • Shockwave Flash 26.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0

More Information

cor-el
  • Top 10 Contributor
  • Moderator
17482 solutions 157978 answers

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

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 *https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/

Question owner

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.

''cor-el [[#answer-1106086|said]]'' <blockquote> Why would you want to recalculate parameters? </blockquote> 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.
cor-el
  • Top 10 Contributor
  • Moderator
17482 solutions 157978 answers

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?
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?