1390330 - Stop/reload button animation is not working after adding userChrome.css change to forward button

Status: RESOLVED INVALID

(Firefox :: Theme, defect)

Description

[u597134]

Attachment: userChrome css snippet.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20170814100258

Steps to reproduce:

1. Added modification to my userChrome.css file. See CSS code below.

---
/* autohide forward button */
#forward-button{
  transform:scale(1,1)!important;
  transition:margin-left 250ms  var(--animation-easing-function),
             opacity 250ms  var(--animation-easing-function),
             transform 250ms  var(--animation-easing-function)!important;
}
#forward-button[disabled='true']{
  margin-left:-28px!important;
  opacity:0!important;
  transform:scale(.85,.85)!important;
  pointer-events:none!important;
}
#forward-button .toolbarbutton-icon{ /* remove this if you don't want the forward button to be slightly smaller than the back button, a la australis */
  padding:calc(var(--toolbarbutton-inner-padding) + 1px)!important;
}

---

2. Clicked on the refresh button once Firefox has loaded.


Actual results:

The static stop button transitioned to a static reload button without an animation.


Expected results:

The static stop button should have changed into a transition animation that would eventually resulted in a reload button once the page completely loads.

Comment 1

[Jared Wein [:jaws] (please needinfo? me)]

Did you perhaps enter customize mode while Firefox was running? I just landed a patch in bug 1389621 to fix an issue where the animation wouldn't work after using customize mode.

Comment 2

[u597134]

(In reply to Jared Wein [:jaws] (please needinfo? me) from comment #1)
> Did you perhaps enter customize mode while Firefox was running? I just
> landed a patch in bug 1389621 to fix an issue where the animation wouldn't
> work after using customize mode.

No I have not. I only modified userChrome.css.

Comment 3

[Justin Dolske [:Dolske]]

You're kinda on your own with debugging changes to userChrome.css.