Changeset 47813

Timestamp:

05/16/2020 08:23:04 PM (4 years ago)

Author:

SergeyBiryukov

Message:

Accessibility: Login and Registration: Respect the prefers-reduced-motion media query for "shake" CSS animation on login failure.

This shake should not occur when the user has opted to reduce motion, for example by selecting the "Reduce motion" option in macOS' preferences or unselecting "Show animations in Windows" in Windows' preferences.

Follow-up to [47226].

Props eddystile, johnbillion, sabernhardt, afercia, audrasjb.
Fixes #49723.

File:

• trunk/src/wp-admin/css/login.css (modified) (1 diff)

trunk/src/wp-admin/css/login.css

@@ -158 +158 @@
 }
 
+@media (prefers-reduced-motion: reduce) {
+    .login form.shake {
+        animation: none;
+        transform: none;
+    }
+}
+
 .login-action-confirm_admin_email #login {
     width: 60vw;