VerticalTabs VS firefox-csshacks

I've tested a few different themes out there including: https://github.com/astroryan12/VerticalTabs, https://www.reddit.com/r/FirefoxCSS/comments/rmi8dg/yet_another_sidebery_setup/, https://github.com/ranmaru22/firefox-vertical-tabs, and a few others.

Thank you. I ended up with finding Flyingfox which does the same as the thread I linked does. I then found some altered version of it that I'm currently using simply called VerticalTabs. There's a third one too that I just found, called Stealthfox.

How can I make windows controls look like VerticleTabs ?

I did't change anything in sidebery. here's userchrome.css I'm using. What should I change to fix it?

I got it to work though by using Astroryan12's VerticalTabs CSS. I noticed the gap got smaller with their code by some pixels right away, and it went away completely by changing --uc-toolbar-height: 38px to 40px (line 15 in hide_tabs_toolbar.css) which matches the height of toolbar-menubar as far as I understand...

I'm considering to get used with vertical tabs. so I won't got shocked how vertical space wasted later on. you can check this one https://github.com/astroryan12/VerticalTabs so far so good to me

Not aware there was a "Mac version" of MrOtherGuy's 'tabs_on_bottom.css' userstyle... or are you using another userstyle from another author?

https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/autohide_toolbox.css (edited)

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0 See the above repository for updates as well as full license text. */

I'm trying to create a flexible status text toolbar item like used to exist (here's an example from my current setup in Pale Moon), which I can place into the "status bar" that I created using MrOtherGuy's "fake status bar w bookmarkbar" code.

I can't figure out how to solve the issue even though I found a possible culprit, it might be related to the tabs full width code.

/* address bar on pop-ups - based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/show_toolbars_in_popup_windows.css */ :root[chromehidden~="toolbar"] :is( /* .browser-toolbar, */ #nav-bar, #urlbar-container, .chromeclass-toolbar-additional ) { display: flex !important; /* visibility: visible !important; */ }

You might want to check out styles that have been updated recently, like those.