From c91303e08eb34d49b7fc4bdac08980693bb259ba Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Mon, 21 Mar 2022 13:11:44 +0900
Subject: [PATCH] Add: Option - Centered tab label

---
 src/tabbar/_centered_label.scss | 24 ++++++++++++++++++++++++
 src/tabbar/_index.scss          |  5 +++++
 user.js                         |  1 +
 3 files changed, 30 insertions(+)
 create mode 100644 src/tabbar/_centered_label.scss

diff --git a/src/tabbar/_centered_label.scss b/src/tabbar/_centered_label.scss
new file mode 100644
index 0000000..c7ebae4
--- /dev/null
+++ b/src/tabbar/_centered_label.scss
@@ -0,0 +1,24 @@
+/* Based on https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/centered_tab_label.css */
+.tab-label-container {
+  display: grid;
+  justify-content: safe center;
+  align-items: safe center;
+}
+.tab-label,
+.tab-secondary-label {
+  overflow: hidden;
+}
+
+.tabbrowser-tab[selected]:not(:hover) .tab-label-container:not([textoverflow]),
+.tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) {
+  margin-inline-end: 5px;
+}
+
+@include Option("userChrome.tab.close_button_at_hover") {
+  #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not(:hover,[pinned]) .tab-label-container:not([textoverflow]) {
+    margin-inline-end: 1px;
+  }
+  #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected]):not(:hover, [pinned]) .tab-label-container:not([textoverflow]) {
+    margin-inline-end: 19px;
+  }
+}
diff --git a/src/tabbar/_index.scss b/src/tabbar/_index.scss
index 16748e1..0cc8e96 100644
--- a/src/tabbar/_index.scss
+++ b/src/tabbar/_index.scss
@@ -37,3 +37,8 @@
 @include Option("userChrome.tab.crashed") {
   @import "crashed_tab";
 }
+
+/*= Tab Label - Make to Center ===============================================*/
+@include Option("userChrome.tab.centered_label") {
+  @import "centered_label";
+}
diff --git a/user.js b/user.js
index ba936ce..098110c 100644
--- a/user.js
+++ b/user.js
@@ -65,6 +65,7 @@ user_pref("userChrome.tab.bottom_rounded_corner",      true);
 // user_pref("userChrome.tab.always_show_tab_icon",              true);
 // user_pref("userChrome.tab.always_show_close_button_at_hover", true); // Need close_button_at_hover
 // user_pref("userChrome.tab.sound_show_label",                  true); // Need remove sound_hide_label
+// user_pref("userChrome.tab.centered_label",                    true);
 
 // == Theme Default Settings ===================================================
 // -- User Chrome --------------------------------------------------------------