Bug 805989 - Icons in the overflow chat menu are incorrectly sized. r=felipe, a=gavin
--- a/browser/themes/gnomestripe/browser.css
+++ b/browser/themes/gnomestripe/browser.css
@@ -2803,16 +2803,23 @@ html|*#gcli-output-frame {
.chatbar-button[activity] {
background-image: radial-gradient(circle farthest-corner at center 3px, rgb(233,242,252) 3%, rgba(172,206,255,0.75) 40%, rgba(87,151,201,0.5) 80%, rgba(87,151,201,0));
}
.chatbar-button > menupopup > menuitem[activity] {
font-weight: bold;
}
+.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: auto;
+ height: auto;
+ max-height: 16px;
+ max-width: 16px;
+}
+
.chatbar-innerbox {
background: transparent;
margin: -285px -1px 0 -1px;
overflow: hidden;
}
chatbar {
-moz-margin-end: 20px;
--- a/browser/themes/pinstripe/browser.css
+++ b/browser/themes/pinstripe/browser.css
@@ -4232,16 +4232,23 @@ html|*#gcli-output-frame {
.chatbar-button[activity] {
background-image: radial-gradient(circle farthest-corner at center 2px, rgb(254,254,255) 3%, rgba(210,235,255,0.9) 12%, rgba(148,205,253,0.6) 30%, rgba(148,205,253,0.2) 70%);
}
.chatbar-button > menupopup > menuitem[activity] {
font-weight: bold;
}
+.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: auto;
+ height: auto;
+ max-height: 16px;
+ max-width: 16px;
+}
+
.chatbar-innerbox {
background: transparent;
margin: -285px 0 0;
overflow: hidden;
}
chatbar {
-moz-margin-end: 20px;
--- a/browser/themes/winstripe/browser.css
+++ b/browser/themes/winstripe/browser.css
@@ -3481,20 +3481,21 @@ html|*#gcli-output-frame {
margin: 0;
padding: 2px;
height: 21px;
width: 21px;
border-top: 1px solid gray;
-moz-border-end: 1px solid gray;
}
-.chatbar-button > .button-box > .box-inherit > .button-icon {
+.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: auto;
+ height: auto;
max-height: 16px;
max-width: 16px;
- padding: 2px;
}
.chatbar-button > .toolbarbutton-icon {
opacity: .6;
-moz-margin-end: 0;
}
.chatbar-button:hover > .toolbarbutton-icon,
.chatbar-button[open="true"] > .toolbarbutton-icon {