Bug 480953 - Identity button should appear pressed when opening the identity popup. r=gavin

browser/base/content/browser.js

@@ -6680,6 +6680,14 @@ var gIdentityHandler = {
     if (gURLBar.getAttribute("chromedir") == "rtl")
       position = 'after_end';
 
+    // Add the "open" attribute to the identity box for styling
+    this._identityBox.setAttribute("open", "true");
+    var self = this;
+    this._identityPopup.addEventListener("popuphidden", function (e) {
+      e.currentTarget.removeEventListener("popuphidden", arguments.callee, false);
+      self._identityBox.removeAttribute("open");
+    }, false);
+
     // Now open the popup, anchored off the primary chrome element
     this._identityPopup.openPopup(this._identityBox, position);
   }

browser/themes/pinstripe/browser/browser.css

@@ -897,11 +897,6 @@ toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarke
 }
 
 
-#identity-box:active > #page-proxy-stack,
-#identity-box[open="true"] > #page-proxy-stack {
-  opacity: 0.75;
-}
-
 statusbarpanel#statusbar-display {
   -moz-padding-start: 0;
 }
@@ -1904,16 +1899,19 @@ tabpanels.plain {
 }
 
 /* - Active state */
+#identity-box.verifiedDomain[open="true"],
 #identity-box.verifiedDomain:hover:active {
   background-image: url("chrome://browser/skin/urlbar/startcap-secure-start-active.png");
 }
 
+#identity-box.verifiedDomain[open="true"] > hbox,
 #identity-box.verifiedDomain:hover:active > hbox {
   padding: 0;
   background: url("chrome://browser/skin/urlbar/startcap-secure-mid-active.png") repeat-x center center;
   -moz-box-pack: center;
 }
 
+#identity-box.verifiedDomain[open="true"] > hbox > #identity-icon-label,
 #identity-box.verifiedDomain:hover:active > hbox > #identity-icon-label {
   background: url("chrome://browser/skin/urlbar/startcap-secure-end-active.png") no-repeat center right;
 }
@@ -1955,14 +1953,17 @@ tabpanels.plain {
 }
 
 /* - Active state */
+#identity-box.verifiedIdentity[open="true"],
 #identity-box.verifiedIdentity:hover:active {
   background-image: url("chrome://browser/skin/urlbar/startcap-verified-start-active.png");
 }
 
+#identity-box.verifiedIdentity[open="true"] > hbox,
 #identity-box.verifiedIdentity:hover:active > hbox {
   background: url("chrome://browser/skin/urlbar/startcap-verified-mid-active.png") repeat-x center center;
 }
 
+#identity-box.verifiedIdentity[open="true"] > hbox > #identity-icon-label,
 #identity-box.verifiedIdentity:hover:active > hbox > #identity-icon-label {
   background: url("chrome://browser/skin/urlbar/startcap-verified-end-active.png") no-repeat center right;
 }