From 06b7ccae249cf447cf4409546cbc3a26e95abf49 Mon Sep 17 00:00:00 2001 From: Raphael Kriegl Date: Fri, 1 Mar 2019 22:14:49 +0100 Subject: [PATCH 1/2] widens tabs to a minimal width on hover --- tabs/dynamic-tab-width-no-overflow.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 tabs/dynamic-tab-width-no-overflow.css diff --git a/tabs/dynamic-tab-width-no-overflow.css b/tabs/dynamic-tab-width-no-overflow.css new file mode 100644 index 0000000..0695200 --- /dev/null +++ b/tabs/dynamic-tab-width-no-overflow.css @@ -0,0 +1,26 @@ +/* + * Description: All tabs visible, if too small, they expand on hover and shrink back when no hover. + * + * Screenshot: https://imgur.com/ag4aAO0 + * + * Contributor(s): ExXeptional, u/Azarihl, Madis0(used part of prevent-tab-overflow.css) + */ + +.tabbrowser-tab { + transition: 1000ms !important; + min-width: 10px !important; + clip-width: 10px !important; +} + +.tabbrowser-tab:not([pinned]):hover{ + transition: 250ms !important; + min-width: 80px !important; +} + +.tabbrowser-tab:not([pinned]) .tab-close-button { + display: none !important; +} + +.tabbrowser-tab:not([pinned]):hover .tab-close-button { + display: -moz-box !important; +} \ No newline at end of file From 7a05c85e84f4b691a9599968a2aceb8fe37e567f Mon Sep 17 00:00:00 2001 From: Tim Van den Eynde Date: Sat, 2 Mar 2019 23:19:44 +0100 Subject: [PATCH 2/2] Update dynamic-tab-width-no-overflow.css --- tabs/dynamic-tab-width-no-overflow.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/tabs/dynamic-tab-width-no-overflow.css b/tabs/dynamic-tab-width-no-overflow.css index 0695200..d9e3c5b 100644 --- a/tabs/dynamic-tab-width-no-overflow.css +++ b/tabs/dynamic-tab-width-no-overflow.css @@ -13,8 +13,8 @@ } .tabbrowser-tab:not([pinned]):hover{ - transition: 250ms !important; - min-width: 80px !important; + transition: 250ms !important; + min-width: 80px !important; } .tabbrowser-tab:not([pinned]) .tab-close-button { @@ -23,4 +23,4 @@ .tabbrowser-tab:not([pinned]):hover .tab-close-button { display: -moz-box !important; -} \ No newline at end of file +}