- Patch #199870 by alpritt et al: beter password strength checker. Really cool.

2 files changed, 35 insertions, 19 deletions

diff --git a/modules/system/system-rtl.css b/modules/system/system-rtl.css
index 8e4ad2165..fb5146527 100644
--- a/modules/system/system-rtl.css
+++ b/modules/system/system-rtl.css
@@ -95,6 +95,12 @@ input.password-confirm {
   margin-left: 10px;
   margin-right: 0;
 }
+.password-strength-title {
+  float: right;
+}
+.password-parent {
+  float: right;
+}
 
 .draggable a.tabledrag-handle {
   float: right;
diff --git a/modules/system/system.css b/modules/system/system.css
index 919417ec9..72c0816ba 100644
--- a/modules/system/system.css
+++ b/modules/system/system.css
@@ -516,36 +516,46 @@ html.js .js-hide {
 /*
 ** Password strength indicator
 */
-span.password-strength {
-  visibility: hidden;
+.password-strength-title {
+  float: left; /* LTR */
 }
-input.password-field {
-  margin-right: 10px; /* LTR */
+#password-indicator {
+  border: 1px solid #B4B4B4;
+  float: right;
+  height: 0.9em;
+  margin: 0.3em 0.80em 0 0.3em;
+  width: 5em;
 }
-div.password-description {
-  padding: 0 2px;
-  margin: 4px 0 0 0;
-  font-size: 0.85em;
-  max-width: 500px;
+#password-indicator div {
+  height: 100%;
+  width: 0%;
+  background-color: #47C965;
+}
+input.password-confirm, input.password-field {
+  width: 16em;
+  margin-bottom: 0.4em;
+}
+div.password-suggestions {
+  padding: 0.2em 0.5em;
+  margin: 0.7em 0;
+  width: 38.5em;
+  border: 1px solid #B4B4B4;
 }
-div.password-description ul {
+div.password-suggestions ul {
   margin-bottom: 0;
 }
 .password-parent {
-  margin: 0 0 0 0;
+  margin: 0;
+  float: left; /* LTR */
+  width: 17.3em;
 }
+
 /*
 ** Password confirmation checker
 */
-input.password-confirm {
-  margin-right: 10px; /* LTR */
-}
 .confirm-parent {
-  margin: 5px 0 0 0;
+  margin: 0;
 }
-span.password-confirm {
+div.password-confirm {
   visibility: hidden;
 }
-span.password-confirm span {
-  font-weight: normal;
-}