From 8b757e951b6ada5f6cc615782cbeb66dde553ab6 Mon Sep 17 00:00:00 2001 From: Ema Panz Date: Thu, 21 Mar 2019 08:30:05 +0100 Subject: [PATCH 1/2] Allow tab-size to be defined --- chrome/multi-row_tabs.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index ba15507..49c9a32 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -9,6 +9,7 @@ /* This maximum visible rows won't work before Fx66 */ /* So this setting does nothing on Fx65 and all tab rows will be shown */ :root{ --multirow-n-rows: 3 } +:root{ --multirow-tab-min-width: 150px } #tabbrowser-tabs{ min-height: unset !important; @@ -53,7 +54,7 @@ } .tabbrowser-tab[fadein]:not([pinned]){ - min-width: 100px !important; + min-width: var(--multirow-tab-min-width) !important; flex-grow: 1; /* Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible @@ -69,4 +70,4 @@ #alltabs-button, :root:not([customizing]) #TabsToolbar #new-tab-button, #tabbrowser-tabs spacer, -.tabbrowser-tab::after{ display: none !important } \ No newline at end of file +.tabbrowser-tab::after{ display: none !important } From 4796f94ceabb1ec60e620cf27c0d4573ca8f8468 Mon Sep 17 00:00:00 2001 From: Ema Panz Date: Thu, 21 Mar 2019 08:41:35 +0100 Subject: [PATCH 2/2] Allow fix/dynamic tab width Integrate https://github.com/MrOtherGuy/firefox-csshacks/pull/3 --- chrome/multi-row_tabs.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 49c9a32..e5a862f 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -8,8 +8,11 @@ /* Scrollbar can't be clicked but the rows can be scrolled with mouse */ /* This maximum visible rows won't work before Fx66 */ /* So this setting does nothing on Fx65 and all tab rows will be shown */ -:root{ --multirow-n-rows: 3 } -:root{ --multirow-tab-min-width: 150px } +:root{ + --multirow-n-rows: 3; + --multirow-tab-min-width: 100px; + --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */ +} #tabbrowser-tabs{ min-height: unset !important; @@ -55,7 +58,7 @@ .tabbrowser-tab[fadein]:not([pinned]){ min-width: var(--multirow-tab-min-width) !important; - flex-grow: 1; + flex-grow: var(--multirow-tab-dynamic-width); /* Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible Don't set to none or you'll see errors in console when closing tabs