Bug 1451592 - Only transition the background-color of buttons; r=jryans
authorBrian Birtles <birtles@gmail.com>
Mon, 16 Apr 2018 19:49:38 +0200
changeset 467512 2ccaad0350355586508ac2b4f8acfa80a00f39f7
parent 467511 00c968ee4e0c02b8491dfb4c905c862a34ccb94e
child 467513 e5d9b47a10e0ba65b6908af9fe3eed955bdb0cf9
push id9165
push userasasaki@mozilla.com
push dateThu, 26 Apr 2018 21:04:54 +0000
treeherdermozilla-beta@064c3804de2e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjryans
bugs1451592
milestone61.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 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
devtools/client/themes/common.css
--- 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;
 }