Updated multirow and rounded tabs

Izheil · Nov 2, 2021 · 65283b6 · 65283b6
1 parent bb1fb72
commit 65283b6
Show file tree

Hide file tree

Showing 8 changed files with 28 additions and 11 deletions.
diff --git a/CSS tweaks/Tabs/Rounded-connected-tabs.as.css b/CSS tweaks/Tabs/Rounded-connected-tabs.as.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: 21/10/2021 */
+/* Last updated: 02/11/2021 */
 
 /* ROUNDED TABS CONNECTED TABS */
 
@@ -23,6 +23,16 @@
   max-height: var(--tab-min-height) !important;
 }
 
+/* Makes sure pinned tabs won't take more space than they should */
+.tabbrowser-tab[pinned] {
+  max-height: var(--tab-min-height) !important;
+}
+
+.tabbrowser-tab[visuallyselected]::before {
+  top: 0 !important;
+  bottom: 0 !important;
+}
+
 #alltabs-button, #tabs-newtab-button, #TabsToolbar-customization-target .webextension-browser-action,
 #wrapper-alltabs-button, #wrapper-new-tab-button, #new-tab-button {
   margin-bottom: 0 !important

diff --git a/Installers/Multirow & other functions/functions/MultiRowTab-scrollable-autohide.uc.js b/Installers/Multirow & other functions/functions/MultiRowTab-scrollable-autohide.uc.js
@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 94.0a1 (2021-09-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        02/11/2021 03:15 Made pinned tabs to not have forced Proton sizing
 // @version        15/09/2021 11:39 Added experimental support for tab sizing below 20px
 // @version        10/09/2021 09:49 Fixed regression of pinned tabs icon showing unaligned
 // @version        19/08/2021 03:15 Compatibility fix for FF91
@@ -176,7 +177,7 @@ function zzzz_MultiRowTabLite() {
 
     /* A fix for pinned tabs triggering another row when only pinned tabs are shown in a row */
     .tabbrowser-tab[pinned] {
-        height: calc(var(--tab-min-height) + 8px) !important;
+        max-height: calc(var(--tab-min-height) + 8px);
     }
 
     /* This fixes the new tab button overflowing to the new row alone */

diff --git a/Installers/Multirow & other functions/functions/MultiRowTab-scrollable.uc.js b/Installers/Multirow & other functions/functions/MultiRowTab-scrollable.uc.js
@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 94.0a1 (2021-09-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        02/11/2021 03:15 Made pinned tabs to not have forced Proton sizing
 // @version        15/09/2021 11:39 Added experimental support for tab sizing below 20px
 // @version        10/09/2021 09:49 Fixed regression of pinned tabs icon showing unaligned
 // @version        19/08/2021 03:15 Compatibility fix for FF91
@@ -176,7 +177,7 @@ function zzzz_MultiRowTabLite() {
 
     /* A fix for pinned tabs triggering another row when only pinned tabs are shown in a row */
     .tabbrowser-tab[pinned] {
-        height: calc(var(--tab-min-height) + 8px) !important;
+        max-height: calc(var(--tab-min-height) + 8px);
     }
 
     /* This fixes the new tab button overflowing to the new row alone */

diff --git a/Installers/Multirow & other functions/functions/MultiRowTabLiteforFx.uc.js b/Installers/Multirow & other functions/functions/MultiRowTabLiteforFx.uc.js
@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 94.0a1 (2021-09-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        02/11/2021 03:15 Made pinned tabs to not have forced Proton sizing
 // @version        15/09/2021 11:39 Added experimental support for tab sizing below 20px
 // @version        10/09/2021 09:49 Fixed regression of pinned tabs icon showing unaligned
 // @version        08/07/2021 07:31 Fixed some issue when having only pinned tabs
@@ -156,7 +157,7 @@ function zzzz_MultiRowTabLite() {
 
     /* A fix for pinned tabs triggering another row when only pinned tabs are shown in a row */
     .tabbrowser-tab[pinned] {
-        height: calc(var(--tab-min-height) + 8px) !important;
+        max-height: calc(var(--tab-min-height) + 8px);
     }
 
     /* This fixes the new tab button overflowing to the new row alone */

diff --git a/Multirow and other functions/Multirow tabs/MultiRowTab-scrollable-autohide.uc.js b/Multirow and other functions/Multirow tabs/MultiRowTab-scrollable-autohide.uc.js
@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 94.0a1 (2021-09-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        02/11/2021 03:15 Made pinned tabs to not have forced Proton sizing
 // @version        15/09/2021 11:39 Added experimental support for tab sizing below 20px
 // @version        10/09/2021 09:49 Fixed regression of pinned tabs icon showing unaligned
 // @version        19/08/2021 03:15 Compatibility fix for FF91
@@ -176,7 +177,7 @@ function zzzz_MultiRowTabLite() {
 
     /* A fix for pinned tabs triggering another row when only pinned tabs are shown in a row */
     .tabbrowser-tab[pinned] {
-        height: calc(var(--tab-min-height) + 8px) !important;
+        max-height: calc(var(--tab-min-height) + 8px);
     }
 
     /* This fixes the new tab button overflowing to the new row alone */

diff --git a/Multirow and other functions/Multirow tabs/MultiRowTab-scrollable.uc.js b/Multirow and other functions/Multirow tabs/MultiRowTab-scrollable.uc.js
@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 94.0a1 (2021-09-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        02/11/2021 03:15 Made pinned tabs to not have forced Proton sizing
 // @version        15/09/2021 11:39 Added experimental support for tab sizing below 20px
 // @version        10/09/2021 09:49 Fixed regression of pinned tabs icon showing unaligned
 // @version        19/08/2021 03:15 Compatibility fix for FF91
@@ -176,7 +177,7 @@ function zzzz_MultiRowTabLite() {
 
     /* A fix for pinned tabs triggering another row when only pinned tabs are shown in a row */
     .tabbrowser-tab[pinned] {
-        height: calc(var(--tab-min-height) + 8px) !important;
+        max-height: calc(var(--tab-min-height) + 8px);
     }
 
     /* This fixes the new tab button overflowing to the new row alone */

diff --git a/Multirow and other functions/Multirow tabs/MultiRowTabLiteforFx.uc.js b/Multirow and other functions/Multirow tabs/MultiRowTabLiteforFx.uc.js
@@ -5,6 +5,7 @@
 // @include        main
 // @compatibility  Firefox 70 to Firefox 94.0a1 (2021-09-14)
 // @author         Alice0775, Endor8, TroudhuK, Izheil, Merci-chao
+// @version        02/11/2021 03:15 Made pinned tabs to not have forced Proton sizing
 // @version        15/09/2021 11:39 Added experimental support for tab sizing below 20px
 // @version        10/09/2021 09:49 Fixed regression of pinned tabs icon showing unaligned
 // @version        08/07/2021 07:31 Fixed some issue when having only pinned tabs
@@ -156,7 +157,7 @@ function zzzz_MultiRowTabLite() {
 
     /* A fix for pinned tabs triggering another row when only pinned tabs are shown in a row */
     .tabbrowser-tab[pinned] {
-        height: calc(var(--tab-min-height) + 8px) !important;
+        max-height: calc(var(--tab-min-height) + 8px);
     }
 
     /* This fixes the new tab button overflowing to the new row alone */

diff --git a/README.md b/README.md
@@ -13,17 +13,18 @@ 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: 21/10/2021
+### Last update: 02/11/2021
 
 Files updated:
 
-* __Rounded-connected-tabs.as.css__: Fixed some issues with gaps below tabs without multirow tabs on.
+* __Rounded-connected-tabs.as.css__: Fixed some issues with pinned tabs with multirow on.
+* __Multirow*.uc.js__: Fixed pinned tabs having forced height even on non Proton style.
 
-### Pre-Last update: 15/09/2021
+### Pre-Last update: 21/10/2021
 
 Files updated:
 
-* __MultiRowTab*.uc.js__: Added experimental support for yet smaller and more compact tabs.
+* __Rounded-connected-tabs.as.css__: Fixed some issues with gaps below tabs without multirow tabs on.
 
 
 ### A note on people looking to replace some Tab Mix Plus features: