Made stretched group labels capable for long titles

Zonnev · Nov 30, 2024 · 576edd9 · 576edd9
1 parent 9ecebc7
commit 576edd9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/Private Mode Style/userChrome.css b/Private Mode Style/userChrome.css
@@ -830,7 +830,7 @@ toolbar .toolbarbutton-1:not(#back-button):not(#forward-button):not(#reload-butt
     margin-block: auto 0 auto !important; /* aligns group label in vertical center of horizontal tab bar */
 }
 sidebar-main[expanded] #tabbrowser-tabs[orient="vertical"] tab-group .tab-group-label {
-    max-width: none !important; /* this is stretching the group labels in expanded vertical tab bar */
+    min-width: calc(100%) !important; /* this is stretching the group labels in expanded vertical tab bar */
 }
 sidebar-main[expanded] #tabbrowser-tabs[orient="vertical"] tab-group:not([collapsed]) .tab-group-label {
     border-radius: 4px 4px 0px 0px !important; /* this border radius only in expanded vertical tab bar and only when the tab group is expanded */

diff --git a/Titlebar Enabled/userChrome.css b/Titlebar Enabled/userChrome.css
@@ -1130,7 +1130,7 @@ toolbarpaletteitem > #stop-reload-button {
     margin-block: auto 0 auto !important; /* aligns group label in vertical center of horizontal tab bar */
 }
 sidebar-main[expanded] #tabbrowser-tabs[orient="vertical"] tab-group .tab-group-label {
-    max-width: none !important; /* this is stretching the group labels in expanded vertical tab bar */
+    min-width: calc(100%) !important; /* this is stretching the group labels in expanded vertical tab bar */
 }
 sidebar-main[expanded] #tabbrowser-tabs[orient="vertical"] tab-group:not([collapsed]) .tab-group-label {
     border-radius: 4px 4px 0px 0px !important; /* this border radius only in expanded vertical tab bar and only when the tab group is expanded */

diff --git a/base.css b/base.css
@@ -1123,7 +1123,7 @@ toolbarpaletteitem > #stop-reload-button {
     margin-block: auto 0 auto !important; /* aligns group label in vertical center of horizontal tab bar */
 }
 sidebar-main[expanded] #tabbrowser-tabs[orient="vertical"] tab-group .tab-group-label {
-    max-width: none !important; /* this is stretching the group labels in expanded vertical tab bar */
+    min-width: calc(100%) !important; /* this is stretching the group labels in expanded vertical tab bar */
 }
 sidebar-main[expanded] #tabbrowser-tabs[orient="vertical"] tab-group:not([collapsed]) .tab-group-label {
     border-radius: 4px 4px 0px 0px !important; /* this border radius only in expanded vertical tab bar and only when the tab group is expanded */