From 65283b6b1abdfbb8c1bce594af02287e337e822b Mon Sep 17 00:00:00 2001 From: Izheil <33794458+Izheil@users.noreply.github.com> Date: Tue, 2 Nov 2021 03:22:16 +0100 Subject: [PATCH] Updated multirow and rounded tabs --- CSS tweaks/Tabs/Rounded-connected-tabs.as.css | 12 +++++++++++- .../functions/MultiRowTab-scrollable-autohide.uc.js | 3 ++- .../functions/MultiRowTab-scrollable.uc.js | 3 ++- .../functions/MultiRowTabLiteforFx.uc.js | 3 ++- .../MultiRowTab-scrollable-autohide.uc.js | 3 ++- .../Multirow tabs/MultiRowTab-scrollable.uc.js | 3 ++- .../Multirow tabs/MultiRowTabLiteforFx.uc.js | 3 ++- README.md | 9 +++++---- 8 files changed, 28 insertions(+), 11 deletions(-) diff --git a/CSS tweaks/Tabs/Rounded-connected-tabs.as.css b/CSS tweaks/Tabs/Rounded-connected-tabs.as.css index c13d676..2dfb091 100644 --- 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 index bacf926..1e30eba 100644 --- 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 index 8a605a0..4d89d06 100644 --- 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 index ffe7b8d..216e9d8 100644 --- 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 index aa1eda1..17aeb48 100644 --- 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 index a2ad65a..0630ca1 100644 --- 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 index ffe7b8d..216e9d8 100644 --- 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 index 8d728a0..be3de23 100644 --- 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: