From 6d3a1ce42ebb0c61d3331a3facc365ab28906e48 Mon Sep 17 00:00:00 2001
From: Adam Kostarelas <github@adam.kostarelas.com>
Date: Sun, 30 May 2021 23:36:04 +1000
Subject: [PATCH] updates to tabs from my theme
---
src/other/firefox/WhiteSur/parts/tabsbar.css | 56 ++++++++++++++++++--
1 file changed, 51 insertions(+), 5 deletions(-)
diff --git a/src/other/firefox/WhiteSur/parts/tabsbar.css b/src/other/firefox/WhiteSur/parts/tabsbar.css
index 4dc4a4e..07f1f17 100644
--- a/src/other/firefox/WhiteSur/parts/tabsbar.css
+++ b/src/other/firefox/WhiteSur/parts/tabsbar.css
@@ -121,11 +121,19 @@ tab[selected]:-moz-window-inactive {
margin-left: auto !important;
}
-/* If tab favicon is not present, force tab label to the center */
-/*.tabbrowser-tab:not([image]):not([busy]):not([progress]):not([class*="identity-color-"]) .tab-label-container {*/
-/* margin-left: auto !important;*/
-/*}*/
+/* separate class for multi-tab alignment*/
+.tabbrowser-tab[class*="identity-color-"]>.tab-stack>.tab-content>.tab-icon-stack {
+ margin-left: auto !important;
+}
+/* If tab favicon is not present, force tab label to the center */
+.tabbrowser-tab .tab-label-container {
+ margin-left: 0 !important;
+}
+
+.tabbrowser-tab:not([image]):not([busy]):not([progress]) .tab-label-container {
+ margin-left: auto !important;
+}
/* If tab close button is not present, don't force favicon to the center */
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber,
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber-fallback,
@@ -199,10 +207,15 @@ tab[selected]:-moz-window-inactive {
border-top: 3px solid var(--identity-tab-color) !important;
}
-.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
+/* Remove alt colours references for multi tabs*/
+.tabbrowser-tab[usercontextid]>.tab-stack>.tab-background>.tab-context-line {
display: none;
}
+.tabbrowser-tab[class*="identity-color-"][pinned] {
+ display: flex;
+}
+
.tab-background {
background-color: transparent !important;
transition: all 200ms;
@@ -286,6 +299,39 @@ tab[selected]:-moz-window-inactive {
position: relative;
margin-right: -10px;
}
+
+/* fix pip on small displays */
+.tab-icon-overlay[pictureinpicture] {
+ top: 3px !important;
+ inset-inline-end: 13px !important;
+ z-index: 1 !important;
+ max-width: 10px;
+ max-height: 10px;
+}
+
+.tab-close-button {
+ margin-inline-end: -6px !important;
+}
+
+/* fix spacing on too many tabs */
+
+.tab-icon-overlay:not([pinned], [sharing]),
+[pictureinpicture] {
+ margin-inline-end: 4px !important;
+ margin-inline-start: 4px !important;
+}
+
+/* Fix too many tabs text align */
+.tab-close-button[pinned],
+#tabbrowser-tabs[closebuttons="activetab"]>#tabbrowser-arrowscrollbox>.tabbrowser-tab>.tab-stack>.tab-content>.tab-icon-stack:not([selected="true"]) {
+ margin-left: 0 !important;
+}
+
+.tab-close-button[pinned],
+#tabbrowser-tabs[closebuttons="activetab"]>#tabbrowser-arrowscrollbox>.tabbrowser-tab>.tab-stack>.tab-content>.tab-icon-stack[selected="true"] {
+ margin-left: auto !important;
+}
+
/* Fix website with no favicon centred text */
.tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) .tab-icon-stack {
margin-left: 0 !important