From ec18b2f9d3faeefa14debb8c165e074822c472ee Mon Sep 17 00:00:00 2001
From: Artur Pragacz <artur@pragacz.com>
Date: Wed, 29 May 2024 05:50:50 +0200
Subject: [PATCH] Fix: Tabbar - Container opacity when not pinned

---
 css/leptonChrome.css        | 8 ++++++--
 css/leptonChromeESR.css     | 5 ++++-
 src/tab/_container_tab.scss | 3 ++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 2f797dbd..baca6149 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -8476,7 +8476,10 @@
       }
     }
     @supports not -moz-bool-pref("userChrome.tab.container.on_top") {
-      .tab-content[titlechanged]::before {
+      .tabbrowser-tab:is([image], [pinned])[usercontextid]
+        > .tab-stack
+        > .tab-content[attention]:not([selected])::before,
+      .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected])::before {
         opacity: 0;
       }
       /* Pinned Tab - Titlechanged Indicator override */
@@ -22793,7 +22796,8 @@
   }
 }
 @media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (not (-moz-bool-pref: "userChrome.tab.container.on_top")) {
-  .tab-content[titlechanged]::before {
+  .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected])::before,
+  .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected])::before {
     opacity: 0;
   }
   /* Pinned Tab - Titlechanged Indicator override */
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
index dd3245a8..dff5f818 100644
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@@ -8906,7 +8906,10 @@
       }
     }
     @supports not -moz-bool-pref("userChrome.tab.container.on_top") {
-      .tab-content[titlechanged]::before {
+      .tabbrowser-tab:is([image], [pinned])[usercontextid]
+        > .tab-stack
+        > .tab-content[attention]:not([selected])::before,
+      .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected])::before {
         opacity: 0;
       }
       /* Pinned Tab - Titlechanged Indicator override */
diff --git a/src/tab/_container_tab.scss b/src/tab/_container_tab.scss
index 5a2fa7c2..746f773c 100644
--- a/src/tab/_container_tab.scss
+++ b/src/tab/_container_tab.scss
@@ -71,7 +71,8 @@
 }
 
 @include NotOption("userChrome.tab.container.on_top") {
-  .tab-content[titlechanged]::before {
+  .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected])::before,
+  .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected])::before {
     opacity: 0;
   }