Some icons will flip horizontally if clicked/selected

[Aleksandra0056]

Describe the issue:

• Some icons will flip horizontally if clicked/selected with mouse.
• Affected icons: Blue downloads button, Restart button, and Undo Closed Tab button.
• NOTE: You must have installed downloads_button.uc.js, restart_button.uc.js, and undo_closedtab_button.uc.js to userChrome.JS.

What should have happened instead?

• The icons should not be flipped if clicked/selected.

Steps to reproduce the issue?

1. Open Firefox,
2. Go to “Customize Firefox” page
3. Click on Blue downloads button and keep selected it at least for 3 seconds,
4. Then click on Restart button and keep selected it at least for 3 seconds,
5. And then click on Undo Closed Tab button and keep selected it at least for 3 seconds,
6. As you see if you click on them, then they flip horizontally.

Screenshots (drag and drop images into this post):

Here is reproduction video:

https://github.com/Aris-t2/CustomJSforFx/assets/69351811/7ea8066d-880c-4049-86d7-375d9a3f962a

System information

• OS & OS version: Windows 11 22621.1926
• OS architecture: 64-bit
• Firefox or Thunderbird: Firefox
• Firefox/Thunderbird architecture: 64-bit
• Firefox/Thunderbird version: 114.0.2
• Firefox/Thunderbird theme: Firefox UI Fix (https://github.com/black7375/Firefox-UI-Fix)

[Speravir]

It’s not an issue, but a feature!

If you do not appreciate this behaviour then you have to disable (prepend /*) or remove these lines in the scripts which cause the effect.

I link to the active script versions, it may be a slightly different line number in your version.

• _downloadsbutton.uc.js, line 53
• _restartbutton.uc.js, line 60
• _undo_closetabbutton.uc.js, line 64

Alternatively, you could overrule this with an external userChrome style rule (I do it this way, I actually apply it to more buttons):

:is(
    #custom-downloads-button,
    #uc_undo_closetab_button,
    #uc-restart
) .toolbarbutton-icon {
    transform: none !important;
}

transform: unset would also work.