Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #1864466 by mcjim: Fixed Password strength checker hidden on small screens.

8.0.x
catch 2013-01-28 21:54:39 +00:00
parent ea055e6c37
commit 64b70d17b3
3 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/modules/user/user.css
View File

@ -19,7 +19,6 @@
.password-strength { .password-strength {
width: 17em; width: 17em;
float: right; /* LTR */ float: right; /* LTR */
margin-top: 1.4em;
} }
.password-strength-title { .password-strength-title {
display: inline; display: inline;
@ -45,7 +44,6 @@ input.password-field {
} }
div.password-confirm { div.password-confirm {
float: right; /* LTR */ float: right; /* LTR */
margin-top: 1.5em;
visibility: hidden; visibility: hidden;
width: 17em; width: 17em;
} }

4
core/modules/user/user.js
View File

@ -18,7 +18,7 @@ Drupal.behaviors.password = {
innerWrapper.addClass('password-parent'); innerWrapper.addClass('password-parent');
// Add the password confirmation layer. // Add the password confirmation layer.
outerWrapper.find('input.password-confirm').parent().prepend('<div class="password-confirm">' + translate.confirmTitle + ' <span></span></div>').addClass('confirm-parent'); outerWrapper.find('input.password-confirm').parent().append('<div class="password-confirm">' + translate.confirmTitle + ' <span></span></div>').addClass('confirm-parent');
var confirmInput = outerWrapper.find('input.password-confirm'); var confirmInput = outerWrapper.find('input.password-confirm');
var confirmResult = outerWrapper.find('div.password-confirm'); var confirmResult = outerWrapper.find('div.password-confirm');
var confirmChild = confirmResult.find('span'); var confirmChild = confirmResult.find('span');
@ -26,7 +26,7 @@ Drupal.behaviors.password = {
// Add the description box. // Add the description box.
var passwordMeter = '<div class="password-strength"><div class="password-strength-text" aria-live="assertive"></div><div class="password-strength-title">' + translate.strengthTitle + '</div><div class="password-indicator"><div class="indicator"></div></div></div>'; var passwordMeter = '<div class="password-strength"><div class="password-strength-text" aria-live="assertive"></div><div class="password-strength-title">' + translate.strengthTitle + '</div><div class="password-indicator"><div class="indicator"></div></div></div>';
confirmInput.parent().after('<div class="password-suggestions description"></div>'); confirmInput.parent().after('<div class="password-suggestions description"></div>');
innerWrapper.prepend(passwordMeter); innerWrapper.append(passwordMeter);
var passwordDescription = outerWrapper.find('div.password-suggestions').hide(); var passwordDescription = outerWrapper.find('div.password-suggestions').hide();
// Check the password strength. // Check the password strength.

8
core/themes/seven/style.css
View File

@ -816,6 +816,14 @@ select.form-select:focus {
float: none; float: none;
padding: 0; padding: 0;
} }
div.password-confirm,
.password-strength {
float: none;
}
.confirm-parent,
.password-parent {
width: 100%;
}
} }
/* Exceptions */ /* Exceptions */