タブバーが透過されていなかった
git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@6437 599a83e7-65a4-db11-8015-0010dcdd6dc2
This commit is contained in:
parent
a101b37363
commit
e46325bed8
@ -149,6 +149,9 @@ TreeStyleTabBrowserAutoHide.prototype = {
|
||||
this.updateTransparency();
|
||||
|
||||
sv.container.style.margin = 0;
|
||||
sv.setTabbarAttribute(this.kAUTOHIDE, null, sv.mTabBrowser);
|
||||
sv.setTabbarAttribute(this.kSTATE, null, sv.mTabBrowser);
|
||||
sv.setTabbarAttribute(this.kTRANSPARENT, null, sv.mTabBrowser);
|
||||
sv.mTabBrowser.removeAttribute(this.kAUTOHIDE);
|
||||
sv.mTabBrowser.removeAttribute(this.kSTATE);
|
||||
sv.mTabBrowser.removeAttribute(this.kTRANSPARENT);
|
||||
@ -166,7 +169,7 @@ TreeStyleTabBrowserAutoHide.prototype = {
|
||||
if (this.mode != this.kMODE_DISABLED) {
|
||||
this.start();
|
||||
var sv = this.mOwner;
|
||||
sv.tabStrip.removeAttribute('moz-collapsed');
|
||||
sv.setTabbarAttribute('moz-collapsed', null, sv.mTabBrowser);
|
||||
sv.mTabBrowser.mTabContainer.removeAttribute('moz-collapsed'); // ”O‚Ì‚½‚ß
|
||||
}
|
||||
},
|
||||
@ -599,6 +602,7 @@ TreeStyleTabBrowserAutoHide.prototype = {
|
||||
}
|
||||
}
|
||||
catch(e) {
|
||||
dump(e);
|
||||
}
|
||||
},
|
||||
|
||||
@ -646,7 +650,7 @@ TreeStyleTabBrowserAutoHide.prototype = {
|
||||
canvasYOffset = tabContainerBox.screenY - sv.mTabBrowser.boxObject.screenY;
|
||||
|
||||
for (let node = this.tabbarCanvas;
|
||||
node != sv.tabStrip.parentNode;
|
||||
node != sv.mTabBrowser.mTabBox;
|
||||
node = node.parentNode)
|
||||
{
|
||||
let style = window.getComputedStyle(node, null);
|
||||
@ -779,8 +783,8 @@ TreeStyleTabBrowserAutoHide.prototype = {
|
||||
if (pos != 'top' &&
|
||||
this.mode != this.kMODE_DISABLED &&
|
||||
style != this.kTRANSPARENT_STYLE[this.kTRANSPARENT_NONE]) {
|
||||
sv.setTabbarAttribute(this.kTRANSPARENT, this.style, b);
|
||||
b.setAttribute(this.kTRANSPARENT, this.style);
|
||||
sv.setTabbarAttribute(this.kTRANSPARENT, style, b);
|
||||
b.setAttribute(this.kTRANSPARENT, style);
|
||||
}
|
||||
else {
|
||||
sv.setTabbarAttribute(this.kTRANSPARENT, null, b);
|
||||
@ -1070,7 +1074,7 @@ TreeStyleTabBrowserAutoHide.prototype = {
|
||||
if (
|
||||
!(node instanceof Components.interfaces.nsIDOMElement) ||
|
||||
(
|
||||
(tabbarBox = this.getBoxObjectFor(this.mTabBrowser.mTabContainer)) &&
|
||||
(tabbarBox = this.getBoxObjectFor(this.mOwner.mTabBrowser.mTabContainer)) &&
|
||||
(nodeBox = this.getBoxObjectFor(node)) &&
|
||||
tabbarBox.screenX <= nodeBox.screenX + nodeBox.width &&
|
||||
tabbarBox.screenX + tabbarBox.width >= nodeBox.screenX &&
|
||||
@ -1160,10 +1164,15 @@ TreeStyleTabBrowserAutoHide.prototype = {
|
||||
b.addEventListener('TreeStyleTabFocusSwitchingEnd', this, false);
|
||||
|
||||
var stack = document.getAnonymousElementByAttribute(b.mTabContainer, 'class', 'tabs-stack');
|
||||
if (stack) {
|
||||
if (stack || this.mOwner.placeholder) {
|
||||
let canvas = document.createElementNS('http://www.w3.org/1999/xhtml', 'canvas');
|
||||
canvas.setAttribute('style', 'display:none;width:1;height:1;');
|
||||
|
||||
if (stack)
|
||||
stack.firstChild.appendChild(canvas);
|
||||
else
|
||||
this.mOwner.placeholder.appendChild(canvas);
|
||||
|
||||
this.tabbarCanvas = canvas;
|
||||
this.clearBG();
|
||||
}
|
||||
|
@ -3,9 +3,11 @@
|
||||
/* tab bar */
|
||||
|
||||
#TabsToolbar[treestyletab-style="metal"][treestyletab-mode="vertical"]:not([treestyletab-tabbar-position="top"]) {
|
||||
background: transparent !important;
|
||||
border: 0 none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-moz-appearance: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
}
|
||||
|
||||
@ -35,7 +37,7 @@
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
||||
.tabs-stack,
|
||||
#TabsToolbar .tabbrowser-tabs[treestyletab-style="metal"][treestyletab-mode="vertical"] {
|
||||
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabbrowser-strip {
|
||||
background: #797979 !important;
|
||||
border: 1px solid #444444 !important;
|
||||
border-width: 1px 0 0 !important;
|
||||
@ -45,7 +47,7 @@
|
||||
.tabbrowser-tabs[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
||||
.tabs-stack,
|
||||
:root:not([active="true"])
|
||||
#TabsToolbar .tabbrowser-tabs[treestyletab-style="metal"][treestyletab-mode="vertical"] {
|
||||
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabbrowser-strip {
|
||||
background: #acacac !important;
|
||||
border-color: #797979 !important;
|
||||
}
|
||||
|
@ -16,12 +16,12 @@
|
||||
|
||||
/* Background colour for the tree sidebar (light blue when window is
|
||||
active, grey otherwise) */
|
||||
.tabbrowser-tabs[treestyletab-style="sidebar"][treestyletab-mode="vertical"] {
|
||||
tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-strip {
|
||||
background: transparent !important;
|
||||
background-color: #d4dde5 !important;
|
||||
}
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style="sidebar"][treestyletab-mode="vertical"] {
|
||||
tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .tabbrowser-strip {
|
||||
background-color: #e8e8e8 !important;
|
||||
}
|
||||
|
||||
@ -238,9 +238,11 @@ tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyl
|
||||
/* changed from original SidebarStyleTab */
|
||||
|
||||
#TabsToolbar[treestyletab-style="sidebar"][treestyletab-mode="vertical"]:not([treestyletab-tabbar-position="top"]) {
|
||||
background: transparent !important;
|
||||
border: 0 none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-moz-appearance: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
}
|
||||
|
||||
|
@ -5,7 +5,14 @@
|
||||
/* Default style */
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"],
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"] {
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-mode="vertical"],
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"],
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"] {
|
||||
background: transparent !important;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
tabbrowser[treestyletab-style~="square"][treestyletab-mode="vertical"] .tabbrowser-strip,
|
||||
tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"] .tabbrowser-strip {
|
||||
background: darkgray !important;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user