WhiteSurFirefoxThemeMacOS icon indicating copy to clipboard operation
WhiteSurFirefoxThemeMacOS copied to clipboard

[FEAT] Hide solo tab

Open Faruolo2 opened this issue 2 years ago • 8 comments

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 avatar Sep 18 '21 14:09 Faruolo2

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

AdamXweb avatar Jan 19 '22 08:01 AdamXweb

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 avatar Feb 13 '22 16:02 maxwolv

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 avatar Feb 13 '22 16:02 maxwolv

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

maxwolv avatar Feb 14 '22 22:02 maxwolv

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

AdamXweb avatar Feb 16 '22 10:02 AdamXweb

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

AdamXweb avatar Feb 16 '22 10:02 AdamXweb

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;
}

luan avatar May 08 '22 19:05 luan

This worked for me after some trial and error:

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

NyaomiDEV avatar May 16 '22 09:05 NyaomiDEV

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

AdamXweb avatar Jan 25 '23 06:01 AdamXweb