Bug 713852 - Fix fallout from bug 497995 that caused tabs to look strange due to a change in how border-image works. r=mconley,ui-r=mconley.
authorRichard Marti <richard.marti@gmail.com>
Thu, 29 Dec 2011 15:41:27 -0500
changeset 10315 4c03954be2d1ee050cbfd3715126e6cbf090ec55
parent 10314 c25a8efb95854346b857abcf964d694772ff319e
child 10316 068dfc71f91de78c7473a3cf41e35c1727eeff24
push id402
push userbugzilla@standard8.plus.com
push dateTue, 13 Mar 2012 21:17:18 +0000
treeherdercomm-beta@d080a8ebf16a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmconley, mconley
bugs713852, 497995
Bug 713852 - Fix fallout from bug 497995 that caused tabs to look strange due to a change in how border-image works. r=mconley,ui-r=mconley.
mail/themes/gnomestripe/mail/tabmail.css
mail/themes/pinstripe/mail/tabmail.css
mail/themes/qute/mail/tabmail-aero.css
mail/themes/qute/mail/tabmail.css
--- a/mail/themes/gnomestripe/mail/tabmail.css
+++ b/mail/themes/gnomestripe/mail/tabmail.css
@@ -76,18 +76,19 @@ tabpanels {
   -moz-appearance: none;
   background: -moz-linear-gradient(hsla(0, 0%, 100%, .2),
               hsla(0, 0%, 45%, .2) 1px, hsla(0, 0%, 32%, .2) 50%);
   background-position: -5px -2px;
   background-repeat: no-repeat;
   background-size: -moz-calc(100% + 11px) -moz-calc(100% + 7px);
   margin: 0;
   padding: 0;
-  -moz-border-image: url(chrome://messenger/skin/icons/tab.png) 4 5 3 6 /
-                     4px 5px 3px 6px repeat stretch;
+  border-width: 4px 5px 3px 6px;
+  border-style: solid;
+  -moz-border-image: url(icons/tab.png) 4 5 3 6 fill repeat stretch;
   border-radius: 10px 8px 0 0;
   min-height: 25px; /* reserve space for the sometimes hidden close button */
 }
 
 .tabmail-tab:not(:-moz-lwtheme) {
   color: MenuText;
 }
 
--- a/mail/themes/pinstripe/mail/tabmail.css
+++ b/mail/themes/pinstripe/mail/tabmail.css
@@ -38,17 +38,17 @@
 .tabmail-tabs > .tabmail-tab:first-child > .tab-close-button {
   visibility: collapse;
 }
 
 .tab-icon-image,
 .tab-throbber {
   width: 16px;
   height: 16px;
-  margin-bottom: 2px;
+  margin-bottom: 1px;
 }
 
 .tabmail-tab {
   list-style-image: url("chrome://global/skin/tree/item.png");
 }
 
 .tab-throbber {
   list-style-image: url("chrome://global/skin/icons/loading_16.png") !important;
@@ -74,44 +74,43 @@
   position: static;
   -moz-appearance: none;
   background: -moz-linear-gradient(hsla(0, 0%, 100%, .2),
               hsla(0, 0%, 45%, .2) 1px, hsla(0, 0%, 32%, .2) 50%);
   background-position: -5px -2px;
   background-repeat: no-repeat;
   background-size: -moz-calc(100% + 11px) -moz-calc(100% + 11px);
   margin: 0;
-  padding: 0;
-  -moz-border-image: url(chrome://messenger/skin/tabs/tab-normal-active.png) 4 5 3 6 /
-                     4px 5px 3px 6px repeat stretch;
+  padding: 0 0 1px;
+  border-width: 4px 5px 3px 6px;
+  border-style: solid;
+  -moz-border-image: url(tabs/tab-normal-active.png) 4 5 3 6 fill repeat stretch;
   border-radius: 4px 4px 0 0;
   min-height: 23px;
 }
 
 .tabmail-tab[selected="true"] {
-  -moz-border-image: url(chrome://messenger/skin/tabs/tab.png) 4 5 3 6 /
-                     4px 5px 3px 6px repeat stretch;
+  -moz-border-image: url(tabs/tab.png) 4 5 3 6 fill repeat stretch;
 }
 
 .tabmail-tab[selected="true"]:not(:-moz-lwtheme) {
   background-color: -moz-mac-chrome-active;
 }
 
 
 .tabmail-tab[selected="true"]:not(:-moz-lwtheme):-moz-window-inactive {
   background-color: -moz-mac-chrome-inactive;
 }
 
 .tabmail-tab[selected="true"]:-moz-lwtheme {
   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;
+  -moz-border-image: url(tabs/tab-hover-active.png) 4 5 3 6 fill repeat stretch;
 }
 
 .tabmail-tab:-moz-lwtheme:not([selected="true"]):not(:hover) > .tab-text {
   opacity: .8;
 }
 
 .tabmail-arrowscrollbox:-moz-lwtheme > .tabs-newtab-button {
   width: auto;
--- a/mail/themes/qute/mail/tabmail-aero.css
+++ b/mail/themes/qute/mail/tabmail-aero.css
@@ -68,19 +68,20 @@
               hsla(0, 0%, 45%, .1) 1px, hsla(0, 0%, 32%, .2) 80%,
               hsla(0, 0%, 0%, .2)),
               -moz-linear-gradient(-moz-dialog, -moz-dialog);
   background-origin: border-box;
   background-position: 1px 2px;
   background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px);
   background-repeat: no-repeat;
   margin: 0;
-  padding: 0;
-  -moz-border-image: url(chrome://messenger/skin/icons/tab.png) 4 3 0 /
-                     4px 3px 0 repeat stretch;
+  padding: 2px 0 3px;
+  border-width: 4px 3px 0;
+  border-style: solid;
+  -moz-border-image: url(icons/tab.png) 4 3 0 fill repeat stretch;
   height: 26px;
   border-radius: 0;
 }
 
 .tabmail-tab:hover {
   background-image: -moz-linear-gradient(bottom, rgba(10%, 10%, 10%, .4) 1px,
                     transparent 1px), -moz-linear-gradient(hsla(0, 0%, 100%, .3) 1px,
                     hsla(0, 0%, 75%, .2) 80%, hsla(0, 0%, 60%, .2)),
@@ -182,16 +183,17 @@
   .tabmail-tabs:not(:-moz-lwtheme) {
     background: transparent;
   }
 }
 
 .tab-icon-image {
   -moz-margin-start: 2px;
   -moz-margin-end: 3px;
+  margin-bottom: 1px;
   width: 16px;
   height: 16px;
 }
 
 .tabmail-tab {
   list-style-image: url("chrome://global/skin/icons/folder-item.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
--- a/mail/themes/qute/mail/tabmail.css
+++ b/mail/themes/qute/mail/tabmail.css
@@ -64,18 +64,20 @@
               hsla(0, 0%, 45%, .1) 1px, hsla(0, 0%, 32%, .2) 80%,
               hsla(0, 0%, 0%, .2)),
               -moz-linear-gradient(-moz-dialog, -moz-dialog);
   background-origin: border-box;
   background-position: 1px 2px;
   background-size: -moz-calc(100% - 2px) -moz-calc(100% - 2px);
   background-repeat: no-repeat;
   margin: 0;
-  padding: 0 0 3px;
-  -moz-border-image: url(icons/tab.png) 4 3 0 / 4px 3px 0 repeat stretch;
+  padding: 1px 0 3px;
+  border-width: 4px 3px 0;
+  border-style: solid;
+  -moz-border-image: url(icons/tab.png) 4 3 0 fill repeat stretch;
   height: 26px;
   border-radius: 0;
 }
 
 .tabmail-tab:not(:-moz-lwtheme):not([selected="true"]):hover {
   background-image: -moz-linear-gradient(bottom, rgba(10%, 10%, 10%, .4) 1px,
                     transparent 1px), -moz-linear-gradient(hsla(0, 0%, 100%, .3) 1px,
                     hsla(0, 0%, 75%, .2) 80%, hsla(0, 0%, 60%, .2)),
@@ -155,16 +157,17 @@
   padding-top: 1px;
   background-color: transparent;
   background-image: none;
 }
 
 .tab-icon-image,
 .tab-throbber {
   -moz-margin-end: 3px;
+  margin-bottom: 1px;
   width: 16px;
   height: 16px;
 }
 
 .tabmail-tab {
   list-style-image: url("chrome://global/skin/icons/folder-item.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }