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

Issue #2311279 by emma.maria | LewisNyman: Tweak the colours of the password indicator.

8.0.x
Alex Pott 2014-08-13 17:30:20 -07:00
parent 7f4876c85b
commit 4505b7887f
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
core/modules/user/css/user.module.css
View File

@ -25,13 +25,15 @@
display: inline; display: inline;
} }
.password-strength__meter { .password-strength__meter {
background-color: #c4c4c4; background-color: #ebeae4;
height: 0.5em; height: 0.5em;
} }
.password-strength__indicator { .password-strength__indicator {
height: 100%; height: 100%;
width: 0%; width: 0%;
background-color: #47c965; background-color: #77b259;
-webkit-transition: width 0.5s ease-out;
transition: width 0.5s ease-out;
} }
input.password-confirm, input.password-confirm,
input.password-field, input.password-field,

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

@ -152,19 +152,19 @@
// Based on the strength, work out what text should be shown by the password strength meter. // Based on the strength, work out what text should be shown by the password strength meter.
if (strength < 60) { if (strength < 60) {
indicatorText = translate.weak; indicatorText = translate.weak;
indicatorColor = '#bb5555'; indicatorColor = '#e62600';
} }
else if (strength < 70) { else if (strength < 70) {
indicatorText = translate.fair; indicatorText = translate.fair;
indicatorColor = '#bbbb55'; indicatorColor = '#e09600';
} }
else if (strength < 80) { else if (strength < 80) {
indicatorText = translate.good; indicatorText = translate.good;
indicatorColor = '#4863a0'; indicatorColor = '#0074bd';
} }
else if (strength <= 100) { else if (strength <= 100) {
indicatorText = translate.strong; indicatorText = translate.strong;
indicatorColor = '#47c965'; indicatorColor = '#77b259';
} }
// Assemble the final message. // Assemble the final message.