more compact tabs toolbar in "tabs_below_navigation_toolbar_fx133.css"

[Omnibrain007]

Hi,
I am using the "tabs_below_navigation_toolbar_fx133.css" standalone together with the "compact mode" of firefox.
But for me the height of the tabs toolbar is too big.
With the last versions of this css, I managed to reduce the height of the tabs toolbar. But with this new version 133 I'm at the end with my little knowledge of css ;)

Is it possible to easily reduce the height of the TabsToolbar?

[joefiesta]

I tried the "compact mode" for FF, (ff 130.0.2), Config file setting and setting DENSITY in "customize toolbar". Neither changed anything. I have to presume some Aris CSS code I have is overriding this. I really like the idea that customize mode will reduce the HUGE spacing in the built-in Firefox menus. Awwww

[Aris-t2]

Fx133: default tabs + tabs_below_navigation_toolbar_fx133.css + normal mode

Fx133: default tabs + tabs_below_navigation_toolbar_fx133.css + compact mode

You can try this code in addition to reduce the size even more:

:root {
	--tab-min-height: unset !important;
}

[Omnibrain007]

thanks, last version with additional code is fitting for me.
Perhaps you can implement this code optional or for compact mode only in your exisitng css.
Could be helpful also for others who wants to have more compact toolbars. ;)

[Aris-t2]

This will be on option for default tabs on next release.

[p1nkyy]

Hi, I have the opposite problem, I feel like my tab's height is too small

https://puu.sh/Kjrmv/42f06fe653.png

A portion of my menubar becomes cut off as well and I don't think it's a resolution problem because prior to 133 update, my menubar looks normal.

And the font in my address bar is too small as well.

Which option to tweak please? Thanks before.

***EDIT: Found the option and I increase the font in

/* for increase_ui_font_size.css */
  --general_ui_font_size: 12pt !important;

from originally 10 to 12***

I implemented the multirow and I would like the + new tab button to be right next to the last tab. Is this possible?

My tab seems to have a shadow behind in active tabs, don't like how it looks like. What option to tweak please? Thanks.

[Aris-t2]

If you are using this projects tabs_multiple_lines.css file, the + (new tab) position stays (right after last tab).

You can remove the box shadow from active tab using this:

.tab-background:is([selected], [multiselected]) {
  box-shadow: unset !important;
}

[p1nkyy]

Got it, can pls help with my slightly cut off menu bar as well?