Bug 1477586 - Fix devtools-tab-line animation in iframes; r=gl
authorFlorens Verschelde <florens@fvsch.com>
Wed, 25 Jul 2018 01:01:01 +0200
changeset 428358 8479b1703fd6
parent 428357 4e08eb5f94e7
child 428359 c23440f7dd0b
push id105677
push usercbrindusan@mozilla.com
push dateWed, 25 Jul 2018 19:00:00 +0000
treeherdermozilla-inbound@8479b1703fd6 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersgl
bugs1477586
milestone63.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 1477586 - Fix devtools-tab-line animation in iframes; r=gl
devtools/client/themes/common.css
--- a/devtools/client/themes/common.css
+++ b/devtools/client/themes/common.css
@@ -765,17 +765,17 @@ checkbox:-moz-focusring {
 
 .devtools-tab-line {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 2px;
   background: transparent;
-  transition: transform 250ms var(--animation-easing-function), opacity 250ms var(--animation-easing-function);
+  transition: transform 250ms var(--animation-curve), opacity 250ms var(--animation-curve);
   opacity: 0;
   transform: scaleX(0);
 }
 
 .devtools-tab:hover .devtools-tab-line,
 .tabs-menu-item:hover .devtools-tab-line {
   background: var(--tab-line-hover-color);
   opacity: 1;