From 2b602717a97bf400de6bfaa16b4ccb0e74e38602 Mon Sep 17 00:00:00 2001 From: Amar Singh Date: Thu, 5 Apr 2018 12:03:04 +0530 Subject: [PATCH 1/9] autohide treestyletabs and sidebar --- sidebar/auto-hide-sidebar-tst.css | 44 +++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 sidebar/auto-hide-sidebar-tst.css diff --git a/sidebar/auto-hide-sidebar-tst.css b/sidebar/auto-hide-sidebar-tst.css new file mode 100644 index 0000000..0425b98 --- /dev/null +++ b/sidebar/auto-hide-sidebar-tst.css @@ -0,0 +1,44 @@ +/* + * Description: A firefox userChrome.css modification to autohide sidebar when not in focus. It is based on the work of "TanzNukeTerror" and intended to be used with TreeStyleTabs. + * + * Screenshot: Original Theme - https://i.imgur.com/NKvSAYZ.jpg + * + * Contributor(s): img2tab, Chris Morgan, TanzNukeTerror, radamar + * + */ + +#sidebar { + max-width: none!important; + min-width: 0!important +} + +#sidebar-box+#sidebar-splitter { + display: none!important +} + +#sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-header { + visibility: collapse +} + +:root { + --thin-tab-width: 35px; + --wide-tab-width: 280px +} + +#sidebar-box { + overflow: hidden!important; + position: relative!important; + transition: all 100ms!important; + min-width: var(--thin-tab-width)!important; + max-width: var(--thin-tab-width)!important +} + +#sidebar-box #sidebar,#sidebar-box:hover { + transition: all 100ms!important; + min-width: var(--wide-tab-width)!important; + max-width: var(--wide-tab-width)!important +} + +#sidebar-box:hover { + margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1)!important +} From f5d89bb033e5ff8aa3f9c608481e4439bab150eb Mon Sep 17 00:00:00 2001 From: Amar Singh Date: Thu, 5 Apr 2018 12:05:43 +0530 Subject: [PATCH 2/9] index fix --- sidebar/auto-hide-sidebar-tst.css | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/sidebar/auto-hide-sidebar-tst.css b/sidebar/auto-hide-sidebar-tst.css index 0425b98..eec29c6 100644 --- a/sidebar/auto-hide-sidebar-tst.css +++ b/sidebar/auto-hide-sidebar-tst.css @@ -8,37 +8,37 @@ */ #sidebar { - max-width: none!important; - min-width: 0!important + max-width: none!important; + min-width: 0!important } #sidebar-box+#sidebar-splitter { - display: none!important + display: none!important } #sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-header { - visibility: collapse + visibility: collapse } :root { - --thin-tab-width: 35px; - --wide-tab-width: 280px + --thin-tab-width: 35px; + --wide-tab-width: 280px } #sidebar-box { - overflow: hidden!important; - position: relative!important; - transition: all 100ms!important; - min-width: var(--thin-tab-width)!important; - max-width: var(--thin-tab-width)!important + overflow: hidden!important; + position: relative!important; + transition: all 100ms!important; + min-width: var(--thin-tab-width)!important; + max-width: var(--thin-tab-width)!important } #sidebar-box #sidebar,#sidebar-box:hover { - transition: all 100ms!important; - min-width: var(--wide-tab-width)!important; - max-width: var(--wide-tab-width)!important + transition: all 100ms!important; + min-width: var(--wide-tab-width)!important; + max-width: var(--wide-tab-width)!important } #sidebar-box:hover { - margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1)!important + margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1)!important } From f185973df499fed1a124457f3ddb81409916d596 Mon Sep 17 00:00:00 2001 From: Amar Singh Date: Sat, 7 Apr 2018 13:20:53 +0530 Subject: [PATCH 3/9] hide statuspanel --- activitystream/hide-statuspanel.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 activitystream/hide-statuspanel.css diff --git a/activitystream/hide-statuspanel.css b/activitystream/hide-statuspanel.css new file mode 100644 index 0000000..0a3fd80 --- /dev/null +++ b/activitystream/hide-statuspanel.css @@ -0,0 +1,17 @@ +/* + * Description: Hide the status panel at the bottom of the browser which shows the current activity. As it is too fast to read anyway. Makes the browser look much nicer. + * + * Contributor(s): Amar Singh, source https://support.mozilla.org/en-US/questions/976248 + */ + +/* Disable statuspanel completely */ +statuspanel { + display: none !important; +} + +/* Disable messages selectively */ +statuspanel[type="overLink"] .statuspanel-label +statuspanel[type="status"] .statuspanel-label[value^="Looking"] +statuspanel[type="status"] .statuspanel-label[value^="Connect"] +statuspanel[type="status"] .statuspanel-label[value^="Waiting"] +statuspanel[type="status"] .statuspanel-label[value^="Transfer"] From 65d13c0945a4e47365ef88ea3667fd679b5f40fe Mon Sep 17 00:00:00 2001 From: Amar Singh Date: Mon, 9 Apr 2018 11:11:23 +0530 Subject: [PATCH 4/9] hotfix --- {activitystream => misc}/hide-statuspanel.css | 4 ++-- sidebar/auto-hide-sidebar-tst.css | 4 ---- sidebar/hide-sidebar-header.css | 11 ++++++++++- 3 files changed, 12 insertions(+), 7 deletions(-) rename {activitystream => misc}/hide-statuspanel.css (79%) diff --git a/activitystream/hide-statuspanel.css b/misc/hide-statuspanel.css similarity index 79% rename from activitystream/hide-statuspanel.css rename to misc/hide-statuspanel.css index 0a3fd80..f79e666 100644 --- a/activitystream/hide-statuspanel.css +++ b/misc/hide-statuspanel.css @@ -4,12 +4,12 @@ * Contributor(s): Amar Singh, source https://support.mozilla.org/en-US/questions/976248 */ -/* Disable statuspanel completely */ +/* Disable statuspanel completely, remove this if you want to keep the statuspanel */ statuspanel { display: none !important; } -/* Disable messages selectively */ +/* Alternatively, you can disable status panel messages selectively */ statuspanel[type="overLink"] .statuspanel-label statuspanel[type="status"] .statuspanel-label[value^="Looking"] statuspanel[type="status"] .statuspanel-label[value^="Connect"] diff --git a/sidebar/auto-hide-sidebar-tst.css b/sidebar/auto-hide-sidebar-tst.css index eec29c6..d1cc333 100644 --- a/sidebar/auto-hide-sidebar-tst.css +++ b/sidebar/auto-hide-sidebar-tst.css @@ -16,10 +16,6 @@ display: none!important } -#sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-header { - visibility: collapse -} - :root { --thin-tab-width: 35px; --wide-tab-width: 280px diff --git a/sidebar/hide-sidebar-header.css b/sidebar/hide-sidebar-header.css index 800d5dd..aabb488 100644 --- a/sidebar/hide-sidebar-header.css +++ b/sidebar/hide-sidebar-header.css @@ -4,9 +4,18 @@ * so make sure you have some other way of doing so if you need to. * (For example, an extension can add a toolbar button which opens its sidebar pane.) * - * Contributor(s): Chris Morgan + * Contributor(s): Chris Morgan, TanzNukeTerror */ #sidebar-header { display: none; } + +/* + * For TST users; Disables the sidebar header just for TreeStyleTabs sidebar. + */ +#sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-header { + visibility: collapse + } + + From 3d58cbce1ffd8b5e68d0f3eaa934bf94727f7a82 Mon Sep 17 00:00:00 2001 From: Amar Singh Date: Mon, 9 Apr 2018 11:19:56 +0530 Subject: [PATCH 5/9] fix typos, update hide-statuspanel --- misc/hide-statuspanel.css | 10 ++++++---- sidebar/auto-hide-sidebar-tst.css | 12 ++++++------ sidebar/hide-sidebar-header.css | 4 ++-- 3 files changed, 14 insertions(+), 12 deletions(-) diff --git a/misc/hide-statuspanel.css b/misc/hide-statuspanel.css index f79e666..bbfd7d6 100644 --- a/misc/hide-statuspanel.css +++ b/misc/hide-statuspanel.css @@ -11,7 +11,9 @@ statuspanel { /* Alternatively, you can disable status panel messages selectively */ statuspanel[type="overLink"] .statuspanel-label -statuspanel[type="status"] .statuspanel-label[value^="Looking"] -statuspanel[type="status"] .statuspanel-label[value^="Connect"] -statuspanel[type="status"] .statuspanel-label[value^="Waiting"] -statuspanel[type="status"] .statuspanel-label[value^="Transfer"] ++ statuspanel[type="status"] .statuspanel-label[value^="Looking"] ++ statuspanel[type="status"] .statuspanel-label[value^="Connect"] ++ statuspanel[type="status"] .statuspanel-label[value^="Waiting"] ++ statuspanel[type="status"] .statuspanel-label[value^="Transfer"] { + display: none !important; +} diff --git a/sidebar/auto-hide-sidebar-tst.css b/sidebar/auto-hide-sidebar-tst.css index d1cc333..168c67c 100644 --- a/sidebar/auto-hide-sidebar-tst.css +++ b/sidebar/auto-hide-sidebar-tst.css @@ -9,16 +9,16 @@ #sidebar { max-width: none!important; - min-width: 0!important + min-width: 0!important; } #sidebar-box+#sidebar-splitter { - display: none!important + display: none!important; } :root { --thin-tab-width: 35px; - --wide-tab-width: 280px + --wide-tab-width: 280px; } #sidebar-box { @@ -26,15 +26,15 @@ position: relative!important; transition: all 100ms!important; min-width: var(--thin-tab-width)!important; - max-width: var(--thin-tab-width)!important + max-width: var(--thin-tab-width)!important; } #sidebar-box #sidebar,#sidebar-box:hover { transition: all 100ms!important; min-width: var(--wide-tab-width)!important; - max-width: var(--wide-tab-width)!important + max-width: var(--wide-tab-width)!important; } #sidebar-box:hover { - margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1)!important + margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1)!important; } diff --git a/sidebar/hide-sidebar-header.css b/sidebar/hide-sidebar-header.css index aabb488..738ea9a 100644 --- a/sidebar/hide-sidebar-header.css +++ b/sidebar/hide-sidebar-header.css @@ -15,7 +15,7 @@ * For TST users; Disables the sidebar header just for TreeStyleTabs sidebar. */ #sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-header { - visibility: collapse - } + visibility: collapse; +} From 52cddf38737a2cf2ec293120e48f150e51082251 Mon Sep 17 00:00:00 2001 From: Amar Singh Date: Mon, 9 Apr 2018 11:37:05 +0530 Subject: [PATCH 6/9] fix selective hiding in statuspanel --- misc/hide-statuspanel.css | 8 ++++---- sidebar/hide-sidebar-header.css | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/misc/hide-statuspanel.css b/misc/hide-statuspanel.css index bbfd7d6..9700f51 100644 --- a/misc/hide-statuspanel.css +++ b/misc/hide-statuspanel.css @@ -11,9 +11,9 @@ statuspanel { /* Alternatively, you can disable status panel messages selectively */ statuspanel[type="overLink"] .statuspanel-label -+ statuspanel[type="status"] .statuspanel-label[value^="Looking"] -+ statuspanel[type="status"] .statuspanel-label[value^="Connect"] -+ statuspanel[type="status"] .statuspanel-label[value^="Waiting"] -+ statuspanel[type="status"] .statuspanel-label[value^="Transfer"] { +,statuspanel[type="status"] .statuspanel-label[value^="Looking"] +,statuspanel[type="status"] .statuspanel-label[value^="Connect"] +,statuspanel[type="status"] .statuspanel-label[value^="Waiting"] +,statuspanel[type="status"] .statuspanel-label[value^="Transfer"] { display: none !important; } diff --git a/sidebar/hide-sidebar-header.css b/sidebar/hide-sidebar-header.css index 738ea9a..473afe8 100644 --- a/sidebar/hide-sidebar-header.css +++ b/sidebar/hide-sidebar-header.css @@ -12,7 +12,7 @@ } /* - * For TST users; Disables the sidebar header just for TreeStyleTabs sidebar. + * Alternatively, for TST users; Disables the sidebar header just for TreeStyleTabs sidebar. */ #sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-header { visibility: collapse; From cc203e9264933b60fcbc14455942301b98c044d3 Mon Sep 17 00:00:00 2001 From: Amar Singh Date: Mon, 9 Apr 2018 15:52:38 +0530 Subject: [PATCH 7/9] right sidebar autohide --- sidebar/auto-hide-sidebar-tst.css | 1 + 1 file changed, 1 insertion(+) diff --git a/sidebar/auto-hide-sidebar-tst.css b/sidebar/auto-hide-sidebar-tst.css index 168c67c..41f0417 100644 --- a/sidebar/auto-hide-sidebar-tst.css +++ b/sidebar/auto-hide-sidebar-tst.css @@ -35,6 +35,7 @@ max-width: var(--wide-tab-width)!important; } +/* For right sidebar change 'margin-right' to 'margin-left' */ #sidebar-box:hover { margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1)!important; } From 475408fac5821886dbac8afc3d5037b857471cea Mon Sep 17 00:00:00 2001 From: Amar Singh Date: Mon, 16 Apr 2018 13:56:25 +0530 Subject: [PATCH 8/9] fix --- navbar/merge-tabbar-navbar-linux.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/navbar/merge-tabbar-navbar-linux.css b/navbar/merge-tabbar-navbar-linux.css index 5d480f8..7628261 100644 --- a/navbar/merge-tabbar-navbar-linux.css +++ b/navbar/merge-tabbar-navbar-linux.css @@ -48,7 +48,7 @@ margin-left: var(--tabs-margin-left) !important; padding-left: var(--space-before-tabs) !important; margin-right: var(--space-after-tabs) !important; - margin-bottom: -0.1em; !important; /* Remove bottom border */ + margin-bottom: -0.1em !important; /* Remove bottom border */ } /* Move nav bar to top left */ From 598054ff09aa55d642a5d63ec7d83775731b4021 Mon Sep 17 00:00:00 2001 From: Amar Singh Date: Mon, 16 Apr 2018 14:36:00 +0530 Subject: [PATCH 9/9] enable only one option by default --- misc/hide-statuspanel.css | 5 ++++- sidebar/hide-sidebar-header.css | 5 ++--- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/misc/hide-statuspanel.css b/misc/hide-statuspanel.css index 9700f51..9871aa4 100644 --- a/misc/hide-statuspanel.css +++ b/misc/hide-statuspanel.css @@ -9,7 +9,9 @@ statuspanel { display: none !important; } -/* Alternatively, you can disable status panel messages selectively */ +/* + * Alternatively, you can disable status panel messages selectively + * statuspanel[type="overLink"] .statuspanel-label ,statuspanel[type="status"] .statuspanel-label[value^="Looking"] ,statuspanel[type="status"] .statuspanel-label[value^="Connect"] @@ -17,3 +19,4 @@ statuspanel[type="overLink"] .statuspanel-label ,statuspanel[type="status"] .statuspanel-label[value^="Transfer"] { display: none !important; } +*/ diff --git a/sidebar/hide-sidebar-header.css b/sidebar/hide-sidebar-header.css index 473afe8..0614a00 100644 --- a/sidebar/hide-sidebar-header.css +++ b/sidebar/hide-sidebar-header.css @@ -13,9 +13,8 @@ /* * Alternatively, for TST users; Disables the sidebar header just for TreeStyleTabs sidebar. - */ + * #sidebar-box[sidebarcommand=treestyletab_piro_sakura_ne_jp-sidebar-action] #sidebar-header { visibility: collapse; } - - + */