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.
Built from https://develop.svn.wordpress.org/trunk@47813


git-svn-id: http://core.svn.wordpress.org/trunk@47589 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Sergey Biryukov 2020-05-16 20:25:19 +00:00
parent cf0bfa3856
commit f9b60d3334
5 changed files with 17 additions and 3 deletions

View File

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

File diff suppressed because one or more lines are too long

View File

@ -157,6 +157,13 @@ p {
}
}
@media (prefers-reduced-motion: reduce) {
.login form.shake {
animation: none;
transform: none;
}
}
.login-action-confirm_admin_email #login {
width: 60vw;
max-width: 650px;

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.5-alpha-47812';
$wp_version = '5.5-alpha-47813';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.