Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-14 22:05:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 589206 - Drawing a tab group should be transparent or in background view [r+a=dolske]

Browse Source
This commit is contained in:
Michael Yoshitaka Erlewine 2010-12-12 17:36:19 -05:00
parent cf0a566779
commit 43d0e40b39
4 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
browser/base/content/tabview/ui.js
View File

@ -985,10 +985,9 @@ let UI = {
var startPos = { x: e.clientX, y: e.clientY }; var startPos = { x: e.clientX, y: e.clientY };
var phantom = iQ("<div>") var phantom = iQ("<div>")
.addClass("groupItem phantom activeGroupItem") .addClass("groupItem phantom activeGroupItem dragRegion")
.css({ .css({
position: "absolute", position: "absolute",
opacity: .7,
zIndex: -1, zIndex: -1,
cursor: "default" cursor: "default"
}) })
@ -1005,7 +1004,7 @@ let UI = {
this.container.css(bounds); this.container.css(bounds);
}, },
setZ: function FauxItem_setZ(z) { setZ: function FauxItem_setZ(z) {
this.container.css("z-index", z); // don't set a z-index because we want to force it to be low.
}, },
setOpacity: function FauxItem_setOpacity(opacity) { setOpacity: function FauxItem_setOpacity(opacity) {
this.container.css("opacity", opacity); this.container.css("opacity", opacity);
@ -1069,6 +1068,7 @@ let UI = {
function finalize(e) { function finalize(e) {
iQ(window).unbind("mousemove", updateSize); iQ(window).unbind("mousemove", updateSize);
item.container.removeClass("dragRegion");
dragOutInfo.stop(); dragOutInfo.stop();
if (phantom.css("opacity") != 1) if (phantom.css("opacity") != 1)
collapse(); collapse();

4
browser/themes/gnomestripe/browser/tabview/tabview.css
View File

@ -228,6 +228,10 @@ html[dir=rtl] .groupItem.activeGroupItem {
border: 1px solid rgba(190,190,190,1); border: 1px solid rgba(190,190,190,1);
} }
.dragRegion {
background: rgba(248,248,248,0.4);
}
.overlay { .overlay {
background-color: rgba(0,0,0,.7) !important; background-color: rgba(0,0,0,.7) !important;
box-shadow: 3px 3px 5.5px rgba(0,0,0,.5); box-shadow: 3px 3px 5.5px rgba(0,0,0,.5);

4
browser/themes/pinstripe/browser/tabview/tabview.css
View File

@ -221,6 +221,10 @@ html[dir=rtl] .groupItem.activeGroupItem {
border: 1px solid rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.5);
} }
.dragRegion {
background: rgba(235, 235, 235, 0.4);
}
.overlay { .overlay {
background-color: rgba(0,0,0,.7) !important; background-color: rgba(0,0,0,.7) !important;
box-shadow: 3px 3px 5.5px rgba(0,0,0,.5); box-shadow: 3px 3px 5.5px rgba(0,0,0,.5);

4
browser/themes/winstripe/browser/tabview/tabview.css
View File

@ -248,6 +248,10 @@ html[dir=rtl] .groupItem.activeGroupItem {
rgba(0,0,0,0.6) -1px 1px 5.5px; rgba(0,0,0,0.6) -1px 1px 5.5px;
} }
.dragRegion {
background: rgba(224, 234, 245, 0.4);
}
.overlay { .overlay {
background-color: rgba(0,0,0,.7) !important; background-color: rgba(0,0,0,.7) !important;
box-shadow: 3px 3px 5.5px rgba(0,0,0,.5); box-shadow: 3px 3px 5.5px rgba(0,0,0,.5);