From 6e0a2ae0f2b490fd2abe58fbc8609bb7abb9b151 Mon Sep 17 00:00:00 2001
From: Tobias Schmidl <tobias.schmidl@corpuls.com>
Date: Tue, 2 Oct 2018 09:23:30 +0200
Subject: [PATCH] Hide the tab bar only if there is only one tab present

---
 .config/mozilla/firefox/chrome/userChrome.css | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/.config/mozilla/firefox/chrome/userChrome.css b/.config/mozilla/firefox/chrome/userChrome.css
index b64c542..b80b3d2 100644
--- a/.config/mozilla/firefox/chrome/userChrome.css
+++ b/.config/mozilla/firefox/chrome/userChrome.css
@@ -1 +1,21 @@
-#tabbrowser-tabs { visibility: collapse !important; }
+#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
+	min-height: 0 !important;
+}
+
+/* Thanks to @Speravir for making it work again in the latest versions. */
+#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
+	visibility: collapse;
+}
+
+#navigator-toolbox[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)
+}