Skip to content

Instantly share code, notes, and snippets.

@krisives
Created August 23, 2018 05:06
Show Gist options
  • Save krisives/c6e3d5325589a773c3f016002eabd9f1 to your computer and use it in GitHub Desktop.
Save krisives/c6e3d5325589a773c3f016002eabd9f1 to your computer and use it in GitHub Desktop.
Download the userChrome.css and run the commands in install.sh to get a hidden tab bar when only one tab is open in Firefox
cd ~/.mozilla/firefox/*.default/
mkdir chrome
cp ~/Downloads/userChrome.css .
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
min-height: 0 !important;
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
visibility: collapse;
}
/* I don't use tabs so I just hide the new tab button. You should be able to use a similar trick as the rule above with
css siblings selectors if you want to keep it when the tab bar is visible. */
#tabbrowser-tabs .tabs-newtab-button {
visibility: collapse !important;
}
#tabbrowser-tabs tab {
min-height: var(--tab-min-height)
}
@SR-G
Copy link

SR-G commented Sep 15, 2019

Seems to not be working anymore on FF 69 ...

@edrex
Copy link

edrex commented Sep 17, 2019

userChrome.css disabled by default in FF 69

toolkit.legacyUserProfileCustomizations.stylesheets: true

https://gist.github.com/BenoitAverty/af633ee20e27f48f9ba7178451432206#gistcomment-3028173

@edrex
Copy link

edrex commented Sep 17, 2019

@krisives .tabs-newtab-button needs to change to #tabs-newtab-button in FF 69+

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment