diff --git a/core/modules/user/css/user.module.css b/core/modules/user/css/user.module.css index 6d2c51e..34b6115 100644 --- a/core/modules/user/css/user.module.css +++ b/core/modules/user/css/user.module.css @@ -23,6 +23,7 @@ .password-strength { width: 13em; float: right; /* LTR */ + margin-top: 1.4em; } [dir="rtl"] .password-strength { float: left; @@ -55,6 +56,7 @@ input.password-field { } div.password-confirm { float: right; /* LTR */ + margin-top: 1.5em; visibility: hidden; width: 13em; } diff --git a/core/modules/user/user.js b/core/modules/user/user.js index 564cebd..c3effdf 100644 --- a/core/modules/user/user.js +++ b/core/modules/user/user.js @@ -13,24 +13,24 @@ Drupal.behaviors.password = { var passwordInput = $(this); var innerWrapper = $(this).parent(); var outerWrapper = $(this).parent().parent(); + var confirmInput = outerWrapper.find('input.password-confirm'); // Add identifying class to password element parent. innerWrapper.addClass('password-parent'); - // Add the password confirmation layer. - outerWrapper.find('input.password-confirm').parent().append('
' + translate.confirmTitle + '
').addClass('confirm-parent'); - var confirmInput = outerWrapper.find('input.password-confirm'); - var confirmResult = outerWrapper.find('div.password-confirm'); - var confirmChild = confirmResult.find('span'); - // If the password strength indicator is enabled, add its markup. if (settings.password.showStrengthIndicator) { - var passwordMeter = '
' + translate.strengthTitle + '
'; + var passwordMeter = '
' + Drupal.announce(translate.strengthTitle, 'assertive') + '
'; confirmInput.parent().after('
'); innerWrapper.append(passwordMeter); var passwordDescription = outerWrapper.find('div.password-suggestions').hide(); } + // Add the password confirmation layer. + var passwordConfirm = '
' + Drupal.announce(translate.confirmTitle, 'assertive') + '
'; + outerWrapper.find('input.password-confirm').parent().prepend(passwordConfirm).addClass('confirm-parent'); + var confirmResult = outerWrapper.find('div.password-confirm'); + // Check that password and confirmation inputs match. var passwordCheckMatch = function (confirmInputVal) { var success = passwordInput.val() === confirmInputVal;