Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEAT] Hide solo tab #52

Closed
Faruolo2 opened this issue Sep 18, 2021 · 9 comments
Closed

[FEAT] Hide solo tab #52

Faruolo2 opened this issue Sep 18, 2021 · 9 comments
Labels
🦄 enhancement New feature or request

Comments

@Faruolo2
Copy link

Could you please make the solo tab to hide to make it look more like safari?

the code below kinda works:

#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]),
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ toolbarbutton {
visibility: collapse;
}

but the tab area remains black.

@Faruolo2 Faruolo2 added the 🦄 enhancement New feature or request label Sep 18, 2021
@AdamXweb
Copy link
Owner

This may be an issue, as UI of safari has new tab button in top menu bar area, however in firefox shows in the tabs bar.
May look into relocating it to the tabsbar, which may provide the opportunity for this

@maxwolv
Copy link

maxwolv commented Feb 13, 2022

This user seems to have found workable CSS with the new proton FireFox to hide a single tab, maybe you can integrate into white Sur?

https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/hide_tabs_with_one_tab.css

@maxwolv
Copy link

maxwolv commented Feb 13, 2022

As for the new tab button, given this is a pretty niche theme that needs to be installed via bash script, I bet most users are using command + T :)

@maxwolv
Copy link

maxwolv commented Feb 14, 2022

This may be an issue, as UI of safari has new tab button in top menu bar area, however in firefox shows in the tabs bar. May look into relocating it to the tabsbar, which may provide the opportunity for this

You can manually drag the new tab button to the top menu bar

@AdamXweb
Copy link
Owner

Good pickup! I only learnt last month that you could customise the toolbar and drag it up for that clean look

@AdamXweb
Copy link
Owner

I'll look into integrating something. It'd most likely be an install option for users looking to customise!

@luan
Copy link

luan commented May 8, 2022

This worked for me after some trial and error:

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox {
  height: auto !important;
  padding: 0 !important;
}

#TabsToolbar {
  min-height: 0 !important;
}

#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]),
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"]:not([pinned]) ~ #titlebar {
  display: none;
}

@NyaomiDEV
Copy link

This worked for me after some trial and error:

Yeah, but it isn't really animated and it looks pretty janky :(

@AdamXweb
Copy link
Owner

Thanks @luan for the code! I am satisfied as Safari has the same look when going to solo tab view.
Will be available in v1.5.1 with the install flag -s
Screen Shot 2023-01-25 at 5 54 23 pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🦄 enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

5 participants