Update multirow to work correctly past FF110

Author: Izheil

Full dark theme/Proton (FF 89+)/userChrome.css

@@ -1,6 +1,6 @@
 /* You can find an updated version here: https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme */
 /* Made by Izheil */
-/* Last updated: 14/01/2022 */
+/* Last updated: 14/02/2023 */
 
 /* COLORING PART STARTS HERE */
 
@@ -193,48 +193,44 @@ scrollbar, *|*:root {
   background-color: #303030 !important}
 
 /* Selected tab lines */ 
-.tabbrowser-tab[visuallyselected]::before, .tabbrowser-tab[multiselected="true"]:not([visuallyselected]) .tab-background::before {
+.tab-background[selected]::before,
+.tab-background[multiselected="true"]::before {
   border-radius: 5px;
   content: '';
   background-color: var(--tab-line-color);
-  min-height: var(--tab-min-height);
+  height: var(--tab-min-height) !important;
   background-image: linear-gradient(90deg, rgba(0,0,0,0.6) 1%, transparent 50%, rgba(0,0,0,0.6) 99%);
   clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%, 0% 88%, 2% 95%, 98% 95%, 100% 85%, 100% 20%, 98.5% 6%, 1.5% 6%, 0% 20%);
+  z-index: 300;
   position: absolute;
-  z-index: -1;
-}
-
-.tabbrowser-tab[visuallyselected]::before {
-  top: 2px;
-  left: 2px;
-  bottom: 3px;
-  right: 2px;
-}
-
-.tabbrowser-tab[multiselected="true"]:not([visuallyselected]) .tab-background::before {
-  min-height: var(--tab-min-height);
   width: 100%;
 }
 
 .tabbrowser-tab[visuallyselected] .tab-background, .tabbrowser-tab[multiselected] .tab-background {
   border-color: transparent !important;
+  outline: none !important;
 }
 
 /* Tab separators */
-.tabbrowser-tab::after {
+.tabbrowser-tab::before {
   content: "";
-  max-height: calc(var(--tab-min-height) - 4px);
   width: 1px;
   display: flex;
   margin-top: 6px;
+  margin-left: -4px;
+  position: absolute;
+  height: calc(var(--tab-min-height) - 4px)
 }
 
-#main-window[lwt-toolbar-field-brighttext] .tabbrowser-tab:not([visuallyselected]):not([beforeselected-visible]):not([before-multiselected]):not([multiselected="true"]):not([last-visible-tab])::after {
-  box-shadow: 2px 0 0 0 rgba(255,255,255,.2) !important}
+#main-window[lwt-toolbar-field-brighttext] .tabbrowser-tab:not([visuallyselected]):not(:first-of-type)::before {
+  box-shadow: 2px 0 0 0 rgba(255,255,255,.15) !important}
 
-#main-window:not([lwt-toolbar-field-brighttext]) .tabbrowser-tab:not([visuallyselected]):not([beforeselected-visible]):not([before-multiselected]):not([multiselected="true"]):not([last-visible-tab])::after {
+#main-window:not([lwt-toolbar-field-brighttext]) .tabbrowser-tab:not([visuallyselected]):not(:first-of-type)::before {
   box-shadow: 2px 0 0 0 rgba(0,0,0,.2) !important}
 
+.tabbrowser-tab[visuallyselected] + .tabbrowser-tab:not([visuallyselected])::before{
+  display: none !important}
+
 /* Tabs background color when using a lightweight theme */
 #main-window:not([lwt-default-theme-in-dark-mode]) #tabbrowser-tabs:not([movingtab]) .tab-background[selected="true"]:-moz-lwtheme {
   background-image: none !important;

Installers/Multirow & other functions/functions/MultiRowTab-scrollable-autohide.uc.js

@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 110.0a1 (2022-12-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        14/01/2023 22:36 Fixed new tab button getting overlapped with last tab
 // @version        15/12/2022 22:17 Fixed min/max/close button duplication when having menu bar always visible
 // @version        14/12/2022 19:11 Fixed issue with Firefox 108 (Stable)
 // @version        21/11/2022 18:38 Fixed issue with Firefox 108a (Nightly)
@@ -215,7 +216,7 @@ function zzzz_MultiRowTabLite() {
     #tabs-newtab-button {
         margin-left: -32px !important} 
         
-    .tabbrowser-tab[last-visible-tab="true"] { 
+    .tabbrowser-tab:last-of-type {
         margin-right: 32px !important}
 
     /* These fix issues with pinned tabs on the overflow status */

Installers/Multirow & other functions/functions/MultiRowTab-scrollable.uc.js

@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 110.0a1 (2022-12-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        14/01/2023 22:36 Fixed new tab button getting overlapped with last tab
 // @version        15/12/2022 22:17 Fixed min/max/close button duplication when having menu bar always visible
 // @version        14/12/2022 19:11 Fixed issue with Firefox 108 (Stable)
 // @version        21/11/2022 18:38 Fixed issue with Firefox 108a (Nightly)
@@ -199,7 +200,7 @@ function zzzz_MultiRowTabLite() {
     #tabs-newtab-button {
         margin-left: -32px !important} 
         
-    .tabbrowser-tab[last-visible-tab="true"] { 
+    .tabbrowser-tab:last-of-type { 
         margin-right: 32px !important}
 
     /* These fix issues with pinned tabs on the overflow status */

Installers/Multirow & other functions/functions/MultiRowTabLiteforFx.uc.js

@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 110.0a1 (2022-12-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        14/01/2023 22:36 Fixed new tab button getting overlapped with last tab
 // @version        15/12/2022 22:17 Fixed min/max/close button duplication when having menu bar always visible
 // @version        14/12/2022 19:11 Fixed issue with Firefox 108 (Stable)
 // @version        21/11/2022 18:38 Fixed issue with Firefox 108a (Nightly)
@@ -182,7 +183,7 @@ function zzzz_MultiRowTabLite() {
     #tabs-newtab-button {
         margin-left: -32px !important} 
         
-    .tabbrowser-tab[last-visible-tab="true"] { 
+    .tabbrowser-tab:last-of-type { 
         margin-right: 32px !important}
 
     /* These fix issues with pinned tabs on the overflow status */

Multirow and other functions/Multirow tabs/MultiRowTab-scrollable-autohide.uc.js

@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 110.0a1 (2022-12-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        14/01/2023 22:36 Fixed new tab button getting overlapped with last tab
 // @version        15/12/2022 22:17 Fixed min/max/close button duplication when having menu bar always visible
 // @version        14/12/2022 19:11 Fixed issue with Firefox 108 (Stable)
 // @version        21/11/2022 18:38 Fixed issue with Firefox 108a (Nightly)
@@ -215,7 +216,7 @@ function zzzz_MultiRowTabLite() {
     #tabs-newtab-button {
         margin-left: -32px !important} 
         
-    .tabbrowser-tab[last-visible-tab="true"] { 
+    .tabbrowser-tab:last-of-type { 
         margin-right: 32px !important}
 
     /* These fix issues with pinned tabs on the overflow status */

Multirow and other functions/Multirow tabs/MultiRowTab-scrollable.uc.js

@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 110.0a1 (2022-12-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        14/01/2023 22:36 Fixed new tab button getting overlapped with last tab
 // @version        15/12/2022 22:17 Fixed min/max/close button duplication when having menu bar always visible
 // @version        14/12/2022 19:11 Fixed issue with Firefox 108 (Stable)
 // @version        21/11/2022 18:38 Fixed issue with Firefox 108a (Nightly)
@@ -199,7 +200,7 @@ function zzzz_MultiRowTabLite() {
     #tabs-newtab-button {
         margin-left: -32px !important} 
         
-    .tabbrowser-tab[last-visible-tab="true"] { 
+    .tabbrowser-tab:last-of-type { 
         margin-right: 32px !important}
 
     /* These fix issues with pinned tabs on the overflow status */

Multirow and other functions/Multirow tabs/MultiRowTabLiteforFx.uc.js

@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 110.0a1 (2022-12-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        14/01/2023 22:36 Fixed new tab button getting overlapped with last tab
 // @version        15/12/2022 22:17 Fixed min/max/close button duplication when having menu bar always visible
 // @version        14/12/2022 19:11 Fixed issue with Firefox 108 (Stable)
 // @version        21/11/2022 18:38 Fixed issue with Firefox 108a (Nightly)
@@ -182,7 +183,7 @@ function zzzz_MultiRowTabLite() {
     #tabs-newtab-button {
         margin-left: -32px !important} 
         
-    .tabbrowser-tab[last-visible-tab="true"] { 
+    .tabbrowser-tab:last-of-type { 
         margin-right: 32px !important}
 
     /* These fix issues with pinned tabs on the overflow status */

README.md

@@ -15,17 +15,17 @@ You can use it to fully change the colors of most of firefox UI to dark-gray col
 
 If you want to know how to change some colors of the theme, check the [wiki](https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/wiki/Editting-CSS-files).
 
-### Last update: 27/01/2023
+### Last update: 14/02/2023
 
 Files updated:
 
-* /root/*: Updated patch dependencies from xiaoxiaoflood's repository.
+* Multirow*.uc.js: Updated multirow for FF110.
 
-### Pre-Last update: 15/12/2022
+### Pre-Last update: 27/01/2023
 
 Files updated:
 
-* __Multirow*.uc.js__: Remove duplicated min/max/close buttons and fix the lite version.
+* /root/*: Updated patch dependencies from xiaoxiaoflood's repository.
 
 
 ### A note on people looking to replace some Tab Mix Plus features: