From ebbfd07a6d5f9747ca2fdd08abe31e72cd5cd205 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Fri, 3 Sep 2021 15:55:10 +0900
Subject: [PATCH] Fix: Container Tab - line position #23

---
 userChrome.css | 47 +++++++++++++++++++----------------------------
 1 file changed, 19 insertions(+), 28 deletions(-)

diff --git a/userChrome.css b/userChrome.css
index bb6d863..56b6cb3 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -722,16 +722,10 @@
   }
 
   /* Pinned Tab - Titlechanged Indicator position fix */
-  :root:not([uidensity="touch"])
-    .tabbrowser-tab:is([image], [pinned])
-    > .tab-stack
-    > .tab-content[attention]:not([selected="true"]),
-  :root:not([uidensity="touch"])
-    .tabbrowser-tab
-    > .tab-stack
-    > .tab-content[pinned][titlechanged]:not([selected="true"]) {
+  .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
+  .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
     /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
-    background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important;
+    background-position-y: bottom calc(2.5px + var(--tabs-navbar-shadow-size)) !important;
   }
   :root[uidensity="compact"]
     .tabbrowser-tab:is([image], [pinned])
@@ -741,6 +735,14 @@
     /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
     background-position-y: bottom calc(0.5px + var(--tabs-navbar-shadow-size)) !important;
   }
+  :root[uidensity="touch"]
+    .tabbrowser-tab:is([image], [pinned])
+    > .tab-stack
+    > .tab-content[attention]:not([selected="true"]),
+  :root[uidensity="touch"] .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
+    /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
+    background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important;
+  }
 
   /*= URL Bar - Reduce Padding ===============================================*/
   :root:not([uidensity="touch"]) #urlbar-container,
@@ -1403,8 +1405,7 @@
     display: none;
   }
 
-  .tabbrowser-tab:not([pinned]) .tab-content::before,
-  .tabbrowser-tab[pinned][busy] .tab-content::before {
+  .tab-content:not([titlechanged])::before {
     /* Box Model */
     content: "";
     display: block;
@@ -1416,32 +1417,22 @@
 
     /* Animate */
     transition: 0.15s var(--animation-easing-function) !important;
-    transform: translateY(10px) !important;
+    transform: translate(9px, 12px) !important;
   }
   .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
-    width: 75%;
+    width: calc(100% - 30px);
+  }
+  #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
+    width: calc(100% - 33px);
   }
 
   /* Pinned Tab */
-  .tabbrowser-tab[pinned] .tab-icon-image,
-  .tab-sharing-icon-overlay {
-    box-sizing: content-box;
-    padding: 3px 0;
-
-    border-bottom: 2px solid var(--identity-icon-color);
-  }
-
-  /* Pinned Tab - Busy */
-  .tabbrowser-tab[pinned][busy] .tab-content::before {
+  .tabbrowser-tab[pinned] .tab-content::before {
     width: 16px;
+    transform: translateY(12px) !important;
   }
 
   /* Pinned Tab - Titlechanged Indicator override */
-  .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]) .tab-icon-image,
-  .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) .tab-icon-image {
-    border-bottom: 2px solid transparent !important;
-  }
-
   .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected="true"]),
   .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
     /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */