Issue #2100509 by emma.maria, dcrocks, csakiistvan, Manjit.Singh: Password strength indicator for site maintenance account is aligned incorrectly on the installation screen.

8.0.x
webchick 2013-11-23 11:55:58 -08:00
parent ce08ea737c
commit d13ac6367c
2 changed files with 14 additions and 3 deletions

View File

@ -21,7 +21,7 @@
* Password strength indicator. * Password strength indicator.
*/ */
.password-strength { .password-strength {
width: 17em; width: 13em;
float: right; /* LTR */ float: right; /* LTR */
} }
[dir="rtl"] .password-strength { [dir="rtl"] .password-strength {
@ -51,11 +51,16 @@ input.password-confirm,
input.password-field { input.password-field {
width: 13.7em; width: 13.7em;
margin-bottom: 0.4em; margin-bottom: 0.4em;
float: left; /* LTR */
} }
div.password-confirm { div.password-confirm {
float: right; /* LTR */ float: right; /* LTR */
visibility: hidden; visibility: hidden;
width: 17em; width: 13em;
}
[dir="rtl"] input.password-confirm,
[dir="rtl"] input.password-field {
float: right;
} }
[dir="rtl"] div.password-confirm { [dir="rtl"] div.password-confirm {
float: left; float: left;
@ -74,6 +79,7 @@ div.password-suggestions ul {
clear: left; /* LTR */ clear: left; /* LTR */
margin: 0; margin: 0;
max-width: 33em; max-width: 33em;
overflow: hidden;
} }
[dir="rtl"] .confirm-parent, [dir="rtl"] .confirm-parent,
[dir="rtl"] .password-parent { [dir="rtl"] .password-parent {
@ -108,5 +114,6 @@ div.password-suggestions ul {
clear: none; clear: none;
width: 100%; width: 100%;
max-width: none; max-width: none;
overflow: hidden;
} }
} }

View File

@ -174,11 +174,15 @@ body.install-page #page-title {
float: none; float: none;
width: auto; width: auto;
} }
@media all and (max-width: 975px) and (min-width: 48em) { @media all and (max-width: 1010px) and (min-width: 48em) {
.install-page .password-strength, .install-page .password-strength,
.install-page .confirm-parent, .install-page .confirm-parent,
.install-page div.password-confirm { .install-page div.password-confirm {
float: none; float: none;
width: auto; width: auto;
} }
input.password-confirm,
input.password-field {
float: none;
}
} }