diff --git a/browser/base/content/tabview/groupitems.js b/browser/base/content/tabview/groupitems.js index 62ce498e2708..e2de885ed1b5 100644 --- a/browser/base/content/tabview/groupitems.js +++ b/browser/base/content/tabview/groupitems.js @@ -1386,39 +1386,7 @@ GroupItem.prototype = Utils.extend(new Item(), new Subscribable(), { // TabItems will have handled the new tab and added the tabItem property. // We don't have to check if it's an app tab (and therefore wouldn't have a // TabItem), since we've just created it. - let newItem = newTab.tabItem; - - var self = this; - iQ(newItem.container).css({opacity: 0}); - let $anim = iQ("
") - .addClass("newTabAnimatee") - .css({ - top: newItem.bounds.top + 5, - left: newItem.bounds.left + 5, - width: newItem.bounds.width - 10, - height: newItem.bounds.height - 10, - zIndex: 999, - opacity: 0 - }) - .appendTo("body") - .animate({opacity: 1}, { - duration: 500, - complete: function() { - $anim.animate({ - top: 0, - left: 0, - width: window.innerWidth, - height: window.innerHeight - }, { - duration: 270, - complete: function() { - iQ(newItem.container).css({opacity: 1}); - newItem.zoomIn(!url); - $anim.remove(); - } - }); - } - }); + newTab.tabItem.zoomIn(!url); }, // ---------- diff --git a/browser/themes/gnomestripe/browser/tabview/tabview.css b/browser/themes/gnomestripe/browser/tabview/tabview.css index b358056aa5da..5b7f3c768374 100644 --- a/browser/themes/gnomestripe/browser/tabview/tabview.css +++ b/browser/themes/gnomestripe/browser/tabview/tabview.css @@ -32,6 +32,7 @@ body { .thumb { box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2); + background-color: white; } .favicon { diff --git a/browser/themes/pinstripe/browser/tabview/tabview.css b/browser/themes/pinstripe/browser/tabview/tabview.css index 4cef3f882e1e..c706c16912e4 100644 --- a/browser/themes/pinstripe/browser/tabview/tabview.css +++ b/browser/themes/pinstripe/browser/tabview/tabview.css @@ -30,6 +30,7 @@ body { .thumb { box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2); + background-color: white; } .favicon { diff --git a/browser/themes/winstripe/browser/tabview/tabview.css b/browser/themes/winstripe/browser/tabview/tabview.css index 78c9863caa1a..0f2661313518 100644 --- a/browser/themes/winstripe/browser/tabview/tabview.css +++ b/browser/themes/winstripe/browser/tabview/tabview.css @@ -34,6 +34,7 @@ body { .thumb { box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1); + background-color: white; } .favicon {