diff --git a/core/modules/user/css/user.module.css b/core/modules/user/css/user.module.css index 0b6afcf..164087d 100644 --- a/core/modules/user/css/user.module.css +++ b/core/modules/user/css/user.module.css @@ -2,10 +2,6 @@ * @file * Module styling for user module. */ -.password-strength__title, -.password-strength__text { - display: inline; -} .password-strength__meter { height: 0.75em; margin-top: 0.5em; @@ -18,4 +14,9 @@ } .password-confirm-match { visibility: hidden; + width: 55%; +} +.password-strength { + width: 55%; + margin-top: -0.3em; } diff --git a/core/modules/user/user.js b/core/modules/user/user.js index a2ce834..c96abd9 100644 --- a/core/modules/user/user.js +++ b/core/modules/user/user.js @@ -40,7 +40,7 @@ // If the password strength indicator is enabled, add its markup. if (settings.password.showStrengthIndicator) { - var passwordMeter = '
' + translate.strengthTitle + '
'; + var passwordMeter = '
' + translate.strengthTitle + '
'; $confirmInput.parent().after('
'); $passwordInputParent.append(passwordMeter); $passwordSuggestions = $passwordInputParentWrapper.find('div.password-suggestions').hide(); @@ -53,7 +53,9 @@ // Fill in the success message and set the class accordingly. $confirmChild.html(translate['confirm' + (success ? 'Success' : 'Failure')]) - .removeClass('ok error').addClass(confirmClass); + .removeClass('ok error') + .addClass(confirmClass); + $confirmResult.attr('aria-live', 'assertive'); }; // Check the password strength. diff --git a/core/modules/user/user.libraries.yml b/core/modules/user/user.libraries.yml index e11cbfa..7c17427 100644 --- a/core/modules/user/user.libraries.yml +++ b/core/modules/user/user.libraries.yml @@ -11,6 +11,7 @@ drupal.user: - core/jquery - core/drupal - core/jquery.once + - core/drupal.announce drupal.user.admin: version: VERSION