stonewareslord/treestyletab
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Mac OS Xでは上に置いたタブバーのインデントは下のマージンで取るようにした

Browse Source 
git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@4409 599a83e7-65a4-db11-8015-0010dcdd6dc2
This commit is contained in:
piro 2009-05-12 12:23:51 +00:00
parent 0568f41be8
commit a3c4b4552e
4 changed files with 66 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
content/treestyletab/treestyletabbrowser.js
View File

@ -809,11 +809,11 @@ TreeStyleTabBrowser.prototype = {
b.setAttribute(this.kTABBAR_POSITION, 'right'); b.setAttribute(this.kTABBAR_POSITION, 'right');
if (this.getTreePref('tabbar.invertTab')) { if (this.getTreePref('tabbar.invertTab')) {
b.setAttribute(this.kTAB_INVERTED, 'true'); b.setAttribute(this.kTAB_INVERTED, 'true');
this.indentProp = 'margin-right'; this.indentProp = this.getTreePref('indent.property.right');
} }
else { else {
b.removeAttribute(this.kTAB_INVERTED); b.removeAttribute(this.kTAB_INVERTED);
this.indentProp = 'margin-left'; this.indentProp = this.getTreePref('indent.property.left');
} }
window.setTimeout(function(aWidth) { window.setTimeout(function(aWidth) {
/* in Firefox 3, the width of the rightside tab bar /* in Firefox 3, the width of the rightside tab bar
@ -831,7 +831,7 @@ TreeStyleTabBrowser.prototype = {
else { else {
b.setAttribute(this.kTABBAR_POSITION, 'left'); b.setAttribute(this.kTABBAR_POSITION, 'left');
b.removeAttribute(this.kTAB_INVERTED); b.removeAttribute(this.kTAB_INVERTED);
this.indentProp = 'margin-left'; this.indentProp = this.getTreePref('indent.property.left');
window.setTimeout(function() { window.setTimeout(function() {
b.mTabDropIndicatorBar.setAttribute('ordinal', 1); b.mTabDropIndicatorBar.setAttribute('ordinal', 1);
b.mStrip.setAttribute('ordinal', 10); b.mStrip.setAttribute('ordinal', 10);
@ -882,7 +882,7 @@ TreeStyleTabBrowser.prototype = {
b.removeAttribute(this.kTAB_INVERTED); b.removeAttribute(this.kTAB_INVERTED);
if (pos == this.kTABBAR_BOTTOM) { if (pos == this.kTABBAR_BOTTOM) {
b.setAttribute(this.kTABBAR_POSITION, 'bottom'); b.setAttribute(this.kTABBAR_POSITION, 'bottom');
this.indentProp = 'margin-bottom'; this.indentProp = this.getTreePref('indent.property.bottom');
window.setTimeout(function() { window.setTimeout(function() {
b.mTabDropIndicatorBar.setAttribute('ordinal', 1); b.mTabDropIndicatorBar.setAttribute('ordinal', 1);
b.mStrip.setAttribute('ordinal', 30); b.mStrip.setAttribute('ordinal', 30);
@ -893,7 +893,7 @@ TreeStyleTabBrowser.prototype = {
} }
else { else {
b.setAttribute(this.kTABBAR_POSITION, 'top'); b.setAttribute(this.kTABBAR_POSITION, 'top');
this.indentProp = 'margin-top'; this.indentProp = this.getTreePref('indent.property.top');
window.setTimeout(function() { window.setTimeout(function() {
b.mTabDropIndicatorBar.setAttribute('ordinal', 1); b.mTabDropIndicatorBar.setAttribute('ordinal', 1);
b.mStrip.setAttribute('ordinal', 10); b.mStrip.setAttribute('ordinal', 10);
@ -2826,7 +2826,7 @@ TreeStyleTabBrowser.prototype = {
if (!aTab.parentNode) return; // ignore removed tabs if (!aTab.parentNode) return; // ignore removed tabs
if (multirow) { if (multirow) {
indent = Math.min(aLevel * 3, maxIndent); indent = Math.min(aLevel * 3, maxIndent);
var colors = '-moz-border-top-colors:'+(function(aNum) { var colors = '-moz-border-'+topBottom+'-colors:'+(function(aNum) {
var retVal = []; var retVal = [];
for (var i = 1; i < aNum; i++) for (var i = 1; i < aNum; i++)
{ {

4
defaults/preferences/treestyletab.js
View File

@ -46,6 +46,10 @@ pref("extensions.treestyletab.autoExpand.delay", 500);
pref("extensions.treestyletab.autoExpand.intelligently", true); pref("extensions.treestyletab.autoExpand.intelligently", true);
pref("extensions.treestyletab.autoExpand.collapseFinally", false); pref("extensions.treestyletab.autoExpand.collapseFinally", false);
pref("extensions.treestyletab.indent", 12); pref("extensions.treestyletab.indent", 12);
pref("extensions.treestyletab.indent.property.left", "margin-left");
pref("extensions.treestyletab.indent.property.right", "margin-right");
pref("extensions.treestyletab.indent.property.top", "margin-top");
pref("extensions.treestyletab.indent.property.bottom", "margin-bottom");
// 0 = first child, 1 = last child // 0 = first child, 1 = last child
pref("extensions.treestyletab.insertNewChildAt", 1); pref("extensions.treestyletab.insertNewChildAt", 1);
pref("extensions.treestyletab.twisty.style", "auto"); // none, retro, modern-black, modern-white, auto pref("extensions.treestyletab.twisty.style", "auto"); // none, retro, modern-black, modern-white, auto

1
platform/Darwin/defaults/preferences/treestyletab.js
View File

@ -1 +1,2 @@
pref("extensions.treestyletab.tabbar.style", "metal"); pref("extensions.treestyletab.tabbar.style", "metal");
pref("extensions.treestyletab.indent.property.top", "margin-bottom");

55
platform/Darwin/skin/classic/treestyletab/treestyletab.css
View File

@ -39,3 +39,58 @@ tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
.tabbrowser-strip { .tabbrowser-strip {
border-bottom: 0 none !important; border-bottom: 0 none !important;
} }
/* horizontal tree */
tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tabs {
height: auto;
background: #bbb;
}
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tabs {
background: #777;
}
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab:not([selected="true"]) .tab-image-middle,
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab:not([selected="true"]) .tab-close-button,
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab:not([selected="true"]) .tab-image-middle,
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab:not([selected="true"]) .tab-close-button,
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab[selected="true"] .tab-image-middle,
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab[selected="true"] .tab-close-button,
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab[selected="true"] .tab-image-middle,
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab[selected="true"] .tab-close-button {
background-position: left bottom;
background-repeat: repeat-x;
}
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab:not([selected="true"]) .tab-image-left,
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab:not([selected="true"]) .tab-image-right,
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab:not([selected="true"]) .tab-image-left,
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab:not([selected="true"]) .tab-image-right,
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab[selected="true"] .tab-image-left,
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab[selected="true"] .tab-image-right,
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab[selected="true"] .tab-image-left,
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
.tabbrowser-tab[selected="true"] .tab-image-right {
background-position: left bottom;
background-repeat: no-repeat;
}