Fix: Centered - Start margin at tab content #761

black7375 · Oct 3, 2023 · 9429288 · 9429288
1 parent 83fd2fd
commit 9429288
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 17 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
diff --git a/src/centered/tab/_content.scss b/src/centered/tab/_content.scss
@@ -1,4 +1,13 @@
 .tab-icon-stack {
-  @include BoxFlex(1);
-  justify-content: end;
+  margin-inline-start: auto;
+}
+.tab-label-container {
+  max-width: min-content;
+  margin-inline-end: auto;
+}
+@include Option("userChrome.tab.close_button_at_hover") {
+  .tabbrowser-tab:not(:hover, [pinned]) > .tab-stack > .tab-content > .tab-close-button {
+    padding-inline-start: 6px !important; /* Original: 0px */
+    width: 24px !important; /* Original: 17px */
+  }
 }
diff --git a/src/centered/tab/_layout.scss b/src/centered/tab/_layout.scss
@@ -1,6 +1,8 @@
-.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.centered.tab.label") {
+  .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") {