Bug 582460 - Revamp the look of the filter buttons on the Web Console, r=mossop, a=beltzner

toolkit/components/console/hudservice/HUDService.jsm

@@ -1894,11 +1894,15 @@ HeadsUpDisplay.prototype = {
   {
     var self = this;
     let prefKey = aName.toLowerCase();
-    let btn = this.makeXULNode("toolbarbutton");
 
+    let btn;
     if (aType == "checkbox") {
+      btn = this.makeXULNode("checkbox");
       btn.setAttribute("type", aType);
+    } else {
+      btn = this.makeXULNode("toolbarbutton");
     }
+
     btn.setAttribute("hudId", this.hudId);
     btn.setAttribute("buttonType", prefKey);
     btn.setAttribute("class", "hud-filter-btn");

toolkit/themes/pinstripe/global/headsUpDisplay.css

@@ -149,28 +149,6 @@
 }
 
 /* these need to be revised ... */
-.hud-filter-btn {
-    font-weight: bold;
-    color: #222;
-    border: 0 !important;
-    -moz-border-radius: 100%;
-}
-
-.hud-filter-btn:hover {
-    background-color: rgba(0, 0, 0, .205) !important;
-    color: #FFF !important;
-    text-shadow: 0 1px rgba(0, 0, 0, .4) !important;
-}
-
-.hud-filter-btn:active:hover {
-    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
-    background-color: rgba(0, 0, 0, .5) !important;
-}
-
-.hud-filter-btn > .toolbarbutton-text {
-    margin: 1px 2px !important;
-}
-
 .hud-console-filter-toolbar {
     padding: 1px 0px;
     -moz-box-align: center;

toolkit/themes/winstripe/global/headsUpDisplay.css

@@ -148,10 +148,6 @@
     font-size: 1.2em;
 }
 
-.hud-filter-btn {
-    margin: 2px !important;
-}
-
 .hud-console-filter-toolbar {
     padding: 1px 0px;
     -moz-box-align: center;