Bug 887621 - add checked css state for navbar buttons. r=bbondy
authorJim Mathies <jmathies@mozilla.com>
Thu, 27 Jun 2013 14:47:25 -0500
changeset 136707 6fcd986f86ed
parent 136706 36fe6903a0be
child 136708 54c483d4bbf6
push id24893
push useremorley@mozilla.com
push dateFri, 28 Jun 2013 13:32:19 +0000
treeherdermozilla-central@ec8ceaf4b03a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbbondy
bugs887621
milestone25.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 887621 - add checked css state for navbar buttons. r=bbondy
browser/metro/theme/browser.css
--- a/browser/metro/theme/browser.css
+++ b/browser/metro/theme/browser.css
@@ -397,45 +397,53 @@ appbar[visible] {
 #toolbar > .appbar-primary {
   -moz-image-region: rect(0 40px 40px 0);
 }
 
 #toolbar > .appbar-primary:not([checked]):hover:not(:active) {
   -moz-image-region: rect(0 80px 40px 40px);
 }
 
-#toolbar > .appbar-primary:not([checked]):active {
+#toolbar > .appbar-primary[checked] {
   -moz-image-region: rect(0 120px 40px 80px);
 }
 
 #toolbar > .appbar-primary[checked]:hover:not(:active) {
   -moz-image-region: rect(0 160px 40px 120px);
 }
 
+#toolbar > .appbar-primary:active {
+  -moz-image-region: rect(0 120px 40px 80px);
+}
+
 @media (min-resolution: 130dpi) {
   #toolbar > .appbar-primary > .toolbarbutton-icon {
     width: 40px;
     height: 40px;
   }
 
   #toolbar > .appbar-primary {
     -moz-image-region: rect(0 56px 56px 0);
   }
 
   #toolbar > .appbar-primary:not([checked]):hover:not(:active) {
     -moz-image-region: rect(0 112px 56px 56px);
   }
 
-  #toolbar > .appbar-primary:not([checked]):active {
-    -moz-image-region: rect(0 168px 56px 112px);
+  #toolbar > .appbar-primary[checked] {
+    -moz-image-region: rect(0 224px 56px 168px);
   }
 
   #toolbar > .appbar-primary[checked]:hover:not(:active) {
     -moz-image-region: rect(0 224px 56px 168px);
   }
+
+  #toolbar > .appbar-primary:active {
+    -moz-image-region: rect(0 168px 56px 112px);
+  }
 }
 
 /* Page-Specific */
 
 #pin-button {
   list-style-image: url(chrome://browser/skin/images/appbar-pin.png);
 }