From edea442249f72c9c7e98e795b8560e17321ed3dc Mon Sep 17 00:00:00 2001 From: Piro / SHIMODA Hiroshi Date: Tue, 30 Aug 2011 01:06:46 +0900 Subject: [PATCH] reduce needless spaces for horizontal tabs (fix for https://github.com/piroor/treestyletab/issues/125 ) --- skin/classic/treestyletab/twisty/twisty.css | 59 +++++++++++++++------ 1 file changed, 42 insertions(+), 17 deletions(-) diff --git a/skin/classic/treestyletab/twisty/twisty.css b/skin/classic/treestyletab/twisty/twisty.css index 5d0a38a4..f81816f8 100644 --- a/skin/classic/treestyletab/twisty/twisty.css +++ b/skin/classic/treestyletab/twisty/twisty.css @@ -1,6 +1,10 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -.tabbrowser-tab:not([pinned="true"]) +.tabbrowser-tabs[treestyletab-mode="vertical"] + .tabbrowser-tab:not([pinned="true"]) + .treestyletab-twisty-container, +.tabbrowser-tabs[treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) .treestyletab-twisty-container { margin: 0 3px 0 -3px; -moz-box-pack: start; @@ -8,62 +12,83 @@ -moz-box-flex: 1; } -.tabbrowser-tabs[treestyletab-tab-contents-inverted="true"] +.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-contents-inverted="true"] .tabbrowser-tab:not([pinned="true"]) + .treestyletab-twisty-container, +.tabbrowser-tabs[treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"][treestyletab-tab-contents-inverted="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) .treestyletab-twisty-container { margin: 0 -3px 0 3px; } -.tabbrowser-tabs[treestyletab-twisty-style^="modern"] +.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-mode="vertical"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty-container, -.tabbrowser-tabs[treestyletab-twisty-style^="osx"] +.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-mode="vertical"] .tabbrowser-tab:not([pinned="true"]) + .treestyletab-twisty-container, +.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) + .treestyletab-twisty-container, +.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) .treestyletab-twisty-container { position: relative; margin: 0 14px 0 -14px; } -.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-tab-contents-inverted="true"] +.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-mode="vertical"][treestyletab-tab-contents-inverted="true"] .tabbrowser-tab:not([pinned="true"]) .treestyletab-twisty-container, -.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-tab-contents-inverted="true"] +.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-mode="vertical"][treestyletab-tab-contents-inverted="true"] .tabbrowser-tab:not([pinned="true"]) + .treestyletab-twisty-container, +.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"][treestyletab-tab-contents-inverted="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) + .treestyletab-twisty-container, +.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"][treestyletab-tab-contents-inverted="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) .treestyletab-twisty-container { margin: 0 -14px 0 14px; } -.tabbrowser-tabs[treestyletab-twisty-style="retro"][treestyletab-mode="horizontal"] - .tabbrowser-tab:not([pinned="true"]) +.tabbrowser-tabs[treestyletab-twisty-style="retro"][treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) .treestyletab-twisty-container { position: relative; margin: 0 16px 0 -16px; } .tabbrowser-tabs[treestyletab-twisty-style="retro"][treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"] - .tabbrowser-tab[treestyletab-children]:not([pinned="true"]) + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) .tab-icon { margin-left: 16px; } -.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-allow-subtree-collapse="true"][treestyletab-mode="horizontal"] - .tabbrowser-tab:not([pinned="true"]) +.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) .tab-icon, -.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-allow-subtree-collapse="true"][treestyletab-mode="horizontal"] - .tabbrowser-tab:not([pinned="true"]) +.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) .tab-icon { margin-left: 12px; } -.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-allow-subtree-collapse="true"]:not([treestyletab-tab-contents-inverted="true"]) +.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-mode="vertical"][treestyletab-allow-subtree-collapse="true"]:not([treestyletab-tab-contents-inverted="true"]) .tabbrowser-tab:not([pinned="true"]) .tab-icon, -.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-allow-subtree-collapse="true"]:not([treestyletab-tab-contents-inverted="true"]) +.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-mode="vertical"][treestyletab-allow-subtree-collapse="true"]:not([treestyletab-tab-contents-inverted="true"]) .tabbrowser-tab:not([pinned="true"]) + .tab-icon, +.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) + .tab-icon, +.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-mode="horizontal"][treestyletab-allow-subtree-collapse="true"] + .tabbrowser-tab[treestyletab-allow-subtree-collapse="true"][treestyletab-children]:not([pinned="true"]) .tab-icon { margin-left: 9px; } -.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-allow-subtree-collapse="true"][treestyletab-tab-contents-inverted="true"] +.tabbrowser-tabs[treestyletab-twisty-style^="modern"][treestyletab-mode="vertical"][treestyletab-allow-subtree-collapse="true"][treestyletab-tab-contents-inverted="true"] .tabbrowser-tab:not([pinned="true"]) .tab-icon, -.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-allow-subtree-collapse="true"][treestyletab-tab-contents-inverted="true"] +.tabbrowser-tabs[treestyletab-twisty-style^="osx"][treestyletab-mode="vertical"][treestyletab-allow-subtree-collapse="true"][treestyletab-tab-contents-inverted="true"] .tabbrowser-tab:not([pinned="true"]) .tab-icon { margin-right: 9px;