Bug 1451592 - Only transition the background-color of buttons; r?jryans
Otherwise when we add the frames button the arrow on the right will animate in
since we end up transitioning the background-x and background-y properties.
MozReview-Commit-ID: JcAHrDSMwFi
--- a/devtools/client/themes/common.css
+++ b/devtools/client/themes/common.css
@@ -233,17 +233,17 @@ checkbox:-moz-focusring {
.devtools-menulist,
.devtools-toolbarbutton,
.devtools-button {
-moz-appearance: none;
background: transparent;
border: 1px solid var(--toolbarbutton-border-color);
border-radius: 2px;
color: var(--theme-body-color);
- transition: background 0.05s ease-in-out;
+ transition: background-color 0.05s ease-in-out;
-moz-box-align: center;
text-shadow: none;
padding: 1px;
margin: 1px;
/* Button text should not wrap on multiple lines */
white-space: nowrap;
}