From 63f7b7912d3a7012e82f44acf6fa0f40711f231e Mon Sep 17 00:00:00 2001
From: Cosmin Sabou <csabou@mozilla.com>
Date: Tue, 24 May 2022 19:17:00 +0300
Subject: [PATCH] Backed out changeset 9e4593ef59f1 (bug 1770808) for causing
 Bug 1770968. a=backout

---
 browser/base/content/tabbrowser-tabs.js | 7 ++-----
 browser/themes/shared/tabs.css          | 4 +---
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/browser/base/content/tabbrowser-tabs.js b/browser/base/content/tabbrowser-tabs.js
index 9f79772fa162..0254e200d1c0 100644
--- a/browser/base/content/tabbrowser-tabs.js
+++ b/browser/base/content/tabbrowser-tabs.js
@@ -1474,10 +1474,7 @@
           );
           tab._pinnedUnscrollable = true;
         }
-        this.style.setProperty(
-          "--tab-overflow-pinned-tabs-width",
-          width + "px"
-        );
+        this.style.paddingInlineStart = width + "px";
       } else {
         this.removeAttribute("positionpinnedtabs");
 
@@ -1487,7 +1484,7 @@
           tab._pinnedUnscrollable = false;
         }
 
-        this.style.removeProperty("--tab-overflow-pinned-tabs-width");
+        this.style.paddingInlineStart = "";
       }
 
       if (this._lastNumPinned != numPinned) {
diff --git a/browser/themes/shared/tabs.css b/browser/themes/shared/tabs.css
index 7866f09c2a54..44fbcd7cdea8 100644
--- a/browser/themes/shared/tabs.css
+++ b/browser/themes/shared/tabs.css
@@ -48,8 +48,6 @@
 #tabbrowser-tabs {
   --tab-min-width: 76px;
   --tab-loading-fill: #0A84FF;
-  --tab-overflow-pinned-tabs-width: 0px;
-  padding-inline-start: var(--tab-overflow-pinned-tabs-width);
 }
 
 #tabbrowser-tabpanels {
@@ -684,7 +682,7 @@
 
 :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
   border-inline-start: 1px solid color-mix(in srgb, currentColor 25%, transparent);
-  padding-inline-start: calc(var(--tab-overflow-pinned-tabs-width) + 4px);
+  padding-inline-start: 4px;
   margin-inline-start: 4px;
 }