Bug 938469 - Fix the QFBs :active rule to point at the correct image
authorJosiah Bruner <josiah@programmer.net>
Wed, 13 Nov 2013 22:42:47 -0500
changeset 16902 c7205791228e2bf7a678f87bff4374b6aec4bac0
parent 16901 f583af6bca1ae57773f810d45434fecc8a2cae33
child 16903 24c1ecf83659dda45412cac0b05e8a9802b807b0
push id1074
push userbugzilla@standard8.plus.com
push dateMon, 03 Feb 2014 22:47:23 +0000
treeherdercomm-beta@6b791b5369ed [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs938469
Bug 938469 - Fix the QFBs :active rule to point at the correct image
mail/themes/osx/mail/quickFilterBar.css
--- a/mail/themes/osx/mail/quickFilterBar.css
+++ b/mail/themes/osx/mail/quickFilterBar.css
@@ -124,186 +124,148 @@
 
 #qfb-sticky {
   width: 16px;
   -moz-margin-start: 6px !important;
   list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar.png");
   -moz-image-region: rect(0px 14px 14px 0px);
 }
 
+#qfb-sticky[checked],
+#qfb-sticky:hover,
 #qfb-sticky:active {
   border-radius: 2px;
-  -moz-image-region: rect(14px 14px 28px 0px);
-}
-
-#qfb-sticky[checked],
-#qfb-sticky:hover {
-  border-radius: 2px;
   -moz-image-region: rect(28px 14px 42px 0px);
 }
 
 /* we use both IDs so we are more precise than the other # toolbarbutton rules */
 #quick-filter-bar #qfb-sticky > .toolbarbutton-text {
   margin: 0;
 }
 
 #qfb-unread {
   list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar.png");
   -moz-image-region: rect(0px 28px 14px 14px);
 }
 
+#qfb-unread[checked],
+#qfb-unread:hover,
 #qfb-unread:active {
-  -moz-image-region: rect(14px 28px 28px 14px);
-}
-
-#qfb-unread[checked],
-#qfb-unread:hover {
   -moz-image-region: rect(28px 28px 42px 14px);
 }
 
 #qfb-starred {
   list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar.png");
   -moz-image-region: rect(0px 42px 14px 28px);
 }
 
+#qfb-starred[checked],
+#qfb-starred:hover,
 #qfb-starred:active {
-  -moz-image-region: rect(14px 42px 28px 28px);
-}
-
-#qfb-starred[checked],
-#qfb-starred:hover {
   -moz-image-region: rect(28px 42px 42px 28px);
 }
 
 #qfb-inaddrbook {
   list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar.png");
   -moz-image-region: rect(0px 56px 14px 42px);
 }
 
+#qfb-inaddrbook[checked],
+#qfb-inaddrbook:hover,
 #qfb-inaddrbook:active {
-  -moz-image-region: rect(14px 56px 28px 42px);
-}
-
-#qfb-inaddrbook[checked],
-#qfb-inaddrbook:hover {
   -moz-image-region: rect(28px 56px 42px 42px);
 }
 
 #qfb-tags {
   list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar.png");
   -moz-image-region: rect(0px 70px 14px 56px);
 }
 
+#qfb-tags[checked],
+#qfb-tags:hover,
 #qfb-tags:active {
-  -moz-image-region: rect(14px 70px 28px 56px);
-}
-
-#qfb-tags[checked],
-#qfb-tags:hover {
   -moz-image-region: rect(28px 70px 42px 56px);
 }
 
 #qfb-attachment {
   list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar.png");
   -moz-image-region: rect(0px 84px 14px 70px);
 }
 
+#qfb-attachment[checked],
+#qfb-attachment:hover,
 #qfb-attachment:active {
-  -moz-image-region: rect(14px 84px 28px 70px);
-}
-
-#qfb-attachment[checked],
-#qfb-attachment:hover {
   -moz-image-region: rect(28px 84px 42px 70px);
 }
 
 @media (min-resolution: 2dppx) {
   #qfb-sticky {
     list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar@2x.png");
     -moz-image-region: rect(0px 28px 28px 0px);
   }
 
+  #qfb-sticky[checked],
+  #qfb-sticky:hover,
   #qfb-sticky:active {
     border-radius: 2px;
-    -moz-image-region: rect(28px 28px 56px 0px);
-  }
-
-  #qfb-sticky[checked],
-  #qfb-sticky:hover {
-    border-radius: 2px;
     -moz-image-region: rect(56px 28px 84px 0px);
   }
 
   #qfb-unread {
     list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar@2x.png");
     -moz-image-region: rect(0px 56px 28px 28px);
   }
 
+  #qfb-unread[checked],
+  #qfb-unread:hover,
   #qfb-unread:active {
-    -moz-image-region: rect(28px 56px 56px 28px);
-  }
-
-  #qfb-unread[checked],
-  #qfb-unread:hover {
     -moz-image-region: rect(56px 56px 84px 28px);
   }
 
   #qfb-starred {
     list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar@2x.png");
     -moz-image-region: rect(0px 84px 28px 56px);
   }
 
+  #qfb-starred[checked],
+  #qfb-starred:hover,
   #qfb-starred:active {
-    -moz-image-region: rect(28px 84px 56px 56px);
-  }
-
-  #qfb-starred[checked],
-  #qfb-starred:hover {
     -moz-image-region: rect(56px 84px 84px 56px);
   }
 
   #qfb-inaddrbook {
     list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar@2x.png");
     -moz-image-region: rect(0px 112px 28px 84px);
   }
 
+  #qfb-inaddrbook[checked],
+  #qfb-inaddrbook:hover,
   #qfb-inaddrbook:active {
-    -moz-image-region: rect(28px 112px 56px 84px);
-  }
-
-  #qfb-inaddrbook[checked],
-  #qfb-inaddrbook:hover {
     -moz-image-region: rect(56px 112px 84px 84px);
   }
 
   #qfb-tags {
     list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar@2x.png");
     -moz-image-region: rect(0px 140px 28px 112px);
   }
 
+  #qfb-tags[checked],
+  #qfb-tags:hover,
   #qfb-tags:active {
-    -moz-image-region: rect(28px 140px 56px 112px);
-  }
-
-  #qfb-tags[checked],
-  #qfb-tags:hover {
     -moz-image-region: rect(56px 140px 84px 112px);
   }
 
   #qfb-attachment {
     list-style-image: url("chrome://messenger/skin/icons/QFB-toolbar@2x.png");
     -moz-image-region: rect(0px 168px 28px 140px);
   }
 
+  #qfb-attachment[checked],
+  #qfb-attachment:hover,
   #qfb-attachment:active {
-    -moz-image-region: rect(28px 168px 56px 140px);
-  }
-
-  #qfb-attachment[checked],
-  #qfb-attachment:hover {
     -moz-image-region: rect(56px 168px 84px 140px);
   }
 }
 
 #quick-filter-bar[filterActive="matches"] #qfb-results-label {
   color: green;
 }