Fix: Centered Label - overflowing and unwinding

Always include `padding-inline-end` at label self. It's prevent recalculation.
black7375 · Jul 7, 2022 · 8ffcd54 · 8ffcd54
1 parent f5c5c01
commit 8ffcd54
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
@@ -5182,8 +5182,9 @@
 
     #tabbrowser-tabs[closebuttons="activetab"]
       .tabbrowser-tab:not([selected]):not(:hover, [pinned])
-      .tab-label-container:not([textoverflow]) {
-      margin-inline-end: 19px;
+      .tab-label-container
+      label {
+      padding-inline-end: 19px;
     }
   }
 }

diff --git a/src/tabbar/_centered_label.scss b/src/tabbar/_centered_label.scss
@@ -18,7 +18,7 @@
   #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;
+  #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected]):not(:hover, [pinned]) .tab-label-container label {
+    padding-inline-end: 19px;
   }
 }