search

josh-berry / tab-stash

Firefox extension to save and restore tabs as bookmarks. Clear your tabs, clear your mind.
https://josh-berry.github.io/tab-stash/
Mozilla Public License 2.0
719 stars 42 forks source link

How to automatically hide Firefox's native tabs bar when opening TabSlash in sidebar? #466

Closed directentis1 closed 1 month ago

directentis1 commented 2 months ago

Question

As the title, I want to use TabSlash (besides to SideBery) as my vertical tabs, bookmarks group and management suite. So I want to hide Firefox's default horizontal tab bar to expand the webpage area and improve the web browsing experience.

I found this code with Sidebery and it works (applies stylesheets to all of Firefox, not just webpage or container pages through userChrome.css) but wondering what I need to do similarly for TabSlash to get the same results?

https://github.com/mbnuqw/sidebery/wiki/Firefox-Styles-Snippets-(via-userChrome.css)#completely-hide-native-tabs-strip

System Details

josh-berry commented 2 months ago

Unfortunately this isn't something that Tab Stash is really designed for or that can easily be supported—you would basically have to come up with your own CSS, which is quite a large undertaking. And then you would have to either fork Tab Stash or find another way of injecting your own CSS into Tab Stash's UI to apply your changes.

There is (I hope) sufficient documentation in how Tab Stash's styles are defined to help you understand how things are put together (take a look at forest.less in particular), but I'd expect you to run into quite a bit of trouble when it comes to things like the styling of groups/folders (both top-level and nested).

Hope this helps and sorry to be the bearer of bad news here.

directentis1 commented 2 months ago

@josh-berry Ah, that's what I find difficult to deal with because there needs to be some way to handle the Tabs UI when using TabSlash in the sidebar.

SideBery uses a "prefix" value for Tabs approach to apply custom CSS styles, perhaps with TabSlash this would also be safer? image

haha, thank you for the great utility. I don't think it will cause many complicated problems, but just try it, who knows. :smile:

josh-berry commented 2 months ago

I'm not really sure how the title prefix helps here; figuring out if Tab Stash is open seems like a comparatively minor thing vs. the effort required to modify Tab Stash's CSS (quite large). But yes, if you are forking / modding Tab Stash, that is also a thing that could be added in its JS code.

daffydock commented 2 months ago

In fairness, this is easily done but it would require for the end user to enable changes for an userChrome.css file, a much easier proposition to do than the Dev changing the code for Tab Dash as a whole. Since there is always the risk that an update on FF will break it plus other factors to take into consideration.

Albeit this sounds like a great-to-have, it does seem a bit out of scope for Tab Dash since if it was so easy to accomplish than all vertical tab extensions would be doing it, already. The only time I have seen this done is with the FF fork, Floorp browser since they cooked this option into it. That is also an alternative solution for OP.

If OP wants to enable this on his setup, he can easily check out r/FirefoxCSS on Reddit, there are plenty of instructions on how to do just this. It takes like 3 minutes to do, once you have the right script that works for what you want.

Since I too wanted to get rid of the tab bar for extra screen space and no vertical tab extension does this, as far as I am aware.

josh-berry commented 1 month ago

Since I too wanted to get rid of the tab bar for extra screen space and no vertical tab extension does this, as far as I am aware.

Correct, this isn't something that's supported by Firefox at all today, hence all the userChrome.css hacks.

I'll go ahead and close this since it's not something that can be supported in Tab Stash without a lot of hacking in both Tab Stash and Firefox itself, but thanks for the question!