Draw a border when hiding the tab bar

Lootyhoof · Mar 20, 2019 · 5ebabbc · 5ebabbc
1 parent 861d4ea
commit 5ebabbc
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/src/chrome/application/basilisk/browser.css b/src/chrome/application/basilisk/browser.css
@@ -209,6 +209,10 @@ toolbar[brighttext] {
   color: var(--toolbar-color);
 }
 
+#navigator-toolbox[tabsontop="false"] {
+  margin-bottom: -1px;
+}
+
 @media not all and (-moz-windows-compositor),
        not all and (-moz-windows-default-theme) {
   /* Please keep the menu text colors in this media block in sync with
@@ -2249,6 +2253,17 @@ html|span.ac-emphasize-text-url {
   background: transparent;
 }
 
+/* When the tab bar is collapsed and on bottom (CTR), show a 1px border in its place. */
+#TabsToolbar[tabsontop="false"][style="visibility: collapse;"] {
+  visibility: visible !important;
+  height: 1px;
+  overflow: hidden;
+}
+
+#TabsToolbar[tabsontop="false"][style="visibility: collapse;"] .tabbrowser-tab {
+  display: none;
+}
+
 #tabbrowser-tabs,
 #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
 #tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {

diff --git a/src/chrome/application/palemoon/browser.css b/src/chrome/application/palemoon/browser.css
@@ -1644,6 +1644,17 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
   background: transparent;
 }
 
+/* When the tab bar is collapsed, show a 1px border in its place. */
+#TabsToolbar[collapsed="true"] {
+  visibility: visible;
+  height: 1px;
+  overflow: hidden;
+}
+
+#TabsToolbar[collapsed="true"] .tabbrowser-tab {
+  display: none;
+}
+
 #tabbrowser-tabs,
 #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
 #tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {