[wp-trac] [WordPress Trac] #29021: Standardize transition-animations on modal close/arrow buttons

[WordPress Trac]

#29021: Standardize transition-animations on modal close/arrow buttons
------------------------------+-------------------------
 Reporter:  celloexpressions  |      Owner:
     Type:  defect (bug)      |     Status:  new
 Priority:  normal            |  Milestone:  4.0
Component:  General           |    Version:
 Severity:  normal            |   Keywords:  needs-patch
  Focuses:  ui                |
------------------------------+-------------------------
 The newer style of modal top-bar actions (left/right arrows and close
 buttons typically) was originally introduced with the new themes browser.
 Currently, it's used in the following places:
 - Media Grid details modal (arrows, X)
 - Media Library (X)
 - Plugin installer (X)
 - Theme Browser (arrows, X)
 - Theme-install Previewer (arrows, X)
 - Customizer (X, back arrow)

 Most of these were added in 4.0. But they all have slightly different
 behavior for their CSS transitions to the hover/focus states. Originally,
 it was `color ease-in .1s`, which was inherited from the Dashicons css.
 But that doesn't look very good, since the background color changes
 significantly and doesn't get animated. Many of the newer instances of
 these style of buttons have no transition.

 Let's standardize all of these to either transition both the color and the
 background color or to have no transitions. (let's also make them
 consistently not have the focus outline, as their focus styling is
 otherwise sufficient).

--
Ticket URL: <https://core.trac.wordpress.org/ticket/29021>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform