From deee608ed5a6bccdc6cfaf0a8c7478a1dcbeb52d Mon Sep 17 00:00:00 2001
From: vinceliuice <vinceliuice@hotmail.com>
Date: Thu, 11 May 2023 17:08:03 +0800
Subject: [PATCH] FIxed issues

---
 .../firefox/Monterey/parts/tabsbar-alt.css    | 26 +++++++++++++++++--
 src/other/firefox/Monterey/parts/tabsbar.css  | 18 +++++++++++++
 src/other/firefox/WhiteSur/parts/tabsbar.css  | 15 ++++-------
 3 files changed, 47 insertions(+), 12 deletions(-)

diff --git a/src/other/firefox/Monterey/parts/tabsbar-alt.css b/src/other/firefox/Monterey/parts/tabsbar-alt.css
index 7a65b09..32c5e39 100644
--- a/src/other/firefox/Monterey/parts/tabsbar-alt.css
+++ b/src/other/firefox/Monterey/parts/tabsbar-alt.css
@@ -82,16 +82,37 @@ tab > stack {
 	background: var(--gnome-inactive-tabbar-tab-active-background) !important;
 }
 
+/* Tab labels */
+tab .tab-label {
+	color: var(--gnome-tabbar-tab-color) !important;
+}
+tab:hover .tab-label {
+	color: var(--gnome-tabbar-tab-hover-color) !important;
+}
+tab[selected] .tab-label {
+	color: var(--gnome-tabbar-tab-active-color) !important;
+}
+tab:-moz-window-inactive .tab-label {
+	color: var(--gnome-inactive-tabbar-tab-color) !important;
+}
+tab[selected]:-moz-window-inactive .tab-label {
+	color: var(--gnome-inactive-tabbar-tab-active-color) !important;
+}
+
 /* Center all inside tab */
 .tab-content {
 	display: flex;
 	flex-direction: row;
-	justify-content: center;
-	align-items: center;
+	justify-content: center !important;
+	align-items: center !important;
 	min-width: 100% !important;
 	padding: 0 10px !important;
 }
 
+.tab-label {
+	margin-inline: 0 !important;
+}
+
 /* Prevent tab icons size breaking */
 .tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
 	min-width: 16px;
@@ -130,6 +151,7 @@ tab > stack {
 /* Adjust tab label width */
 .tab-label-container {
 	min-width: 0 !important;
+	max-width: min-content !important;
 }
 
 /* Put tab close button and icon sound to the right */
diff --git a/src/other/firefox/Monterey/parts/tabsbar.css b/src/other/firefox/Monterey/parts/tabsbar.css
index 2daef60..8be688c 100644
--- a/src/other/firefox/Monterey/parts/tabsbar.css
+++ b/src/other/firefox/Monterey/parts/tabsbar.css
@@ -58,6 +58,24 @@ tab > stack {
 	background: var(--gnome-inactive-tabbar-tab-active-background) !important;
 }
 
+/* Tab labels */
+tab .tab-label {
+	color: var(--gnome-tabbar-tab-color) !important;
+}
+tab:hover .tab-label {
+	color: var(--gnome-tabbar-tab-hover-color) !important;
+}
+tab[selected] .tab-label {
+	color: var(--gnome-tabbar-tab-active-color) !important;
+}
+tab:-moz-window-inactive .tab-label {
+	color: var(--gnome-inactive-tabbar-tab-color) !important;
+}
+tab[selected]:-moz-window-inactive .tab-label {
+	color: var(--gnome-inactive-tabbar-tab-active-color) !important;
+}
+
+
 .close-icon {
 	height: 16px !important;
 	padding: 0 !important;
diff --git a/src/other/firefox/WhiteSur/parts/tabsbar.css b/src/other/firefox/WhiteSur/parts/tabsbar.css
index 55858aa..5416131 100644
--- a/src/other/firefox/WhiteSur/parts/tabsbar.css
+++ b/src/other/firefox/WhiteSur/parts/tabsbar.css
@@ -73,7 +73,6 @@
 tab {
 	color: var(--gnome-tabbar-tab-color) !important;
 }
-
 tab:hover {
 	color: var(--gnome-tabbar-tab-hover-color) !important;
 }
@@ -112,18 +111,19 @@ tab[selected]:-moz-window-inactive {
 
 /* Center tab text */
 .tab-label {
-	margin-inline: auto !important;
-	margin-left: 0 !important;
+	margin-inline: 0 !important;
 }
 
 /* Adjust tab label width */
 .tab-label-container {
 	min-width: 0 !important;
+	max-width: min-content !important;
 }
 
 .tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
 	margin-inline-end: 0 !important;
 }
+
 .tabbrowser-tab:not([soundplaying], [muted], [activemedia-blocked], [crashed]) .tab-icon-stack {
 	padding: 6px;
 }
@@ -154,12 +154,7 @@ tab[selected]:-moz-window-inactive {
 /* Force tab favicon to the center */
 .tab-throbber, .tab-throbber-fallback,
 .tabbrowser-tab:not([busy]):not([soundplaying="true"],[muted="true"]) .tab-icon-image,
-.tabbrowser-tab:not([class*="identity-color-"]) .tab-icon-stack {
-	margin-left: auto !important;
-}
-
-/* separate class for multi-tab alignment*/
-.tabbrowser-tab[class*="identity-color-"]>.tab-stack>.tab-content>.tab-icon-stack {
+.tabbrowser-tab .tab-icon-stack {
 	margin-left: auto !important;
 }
 
@@ -194,7 +189,7 @@ tab[selected]:-moz-window-inactive {
 
 /* fix misc spacing between tabs */
 .tabbrowser-tab {
-	padding-inline: 0px !important;
+	padding-inline: 0 !important;
 	padding: 0 !important;
 }