Bug 713008 - Tabs shouldn't flicker when hovered. r=mconley,a=Standard8.
authorFlorian Quèze <florian@queze.net>
Wed, 11 Jan 2012 13:06:55 -0500
changeset 10090 f03fea92e7fc72d13653c4af32b7b44be4af2529
parent 10089 f0040534a14ae74873d2671317bf7aeab771244e
child 10091 2f1c07cca30f0530bee4be3115529bad39367f55
push idunknown
push userunknown
push dateunknown
reviewersmconley, Standard8
bugs713008
Bug 713008 - Tabs shouldn't flicker when hovered. r=mconley,a=Standard8.
mail/themes/pinstripe/mail/tabmail.css
--- a/mail/themes/pinstripe/mail/tabmail.css
+++ b/mail/themes/pinstripe/mail/tabmail.css
@@ -104,16 +104,23 @@
   background: transparent;
 }
 
 .tabmail-tab:not([selected="true"]):hover {
   -moz-border-image: url(chrome://messenger/skin/tabs/tab-hover-active.png) 4 5 3 6 /
                      4px 5px 3px 6px repeat stretch;
 }
 
+/* preloading hack - required to prevent flicker on tabs startup */
+#tabs-toolbar::after {
+  content: '';
+  display: block;
+  background-image: url(tabs/tab-normal-active.png), url(tabs/tab-hover-active.png);
+}
+
 .tabmail-tab:-moz-lwtheme:not([selected="true"]):not(:hover) > .tab-text {
   opacity: .8;
 }
 
 .tabmail-arrowscrollbox:-moz-lwtheme > .tabs-newtab-button {
   width: auto;
   -moz-box-flex: 1;
   -moz-box-pack: start;