Issue #1887558 by echoz: password Strength indicator overlaps with input field in Narrow screens.

8.0.x
Dries 2013-01-23 13:11:45 -05:00
parent 4e592b1d80
commit bc211b6d3b
1 changed files with 31 additions and 0 deletions

View File

@ -65,6 +65,37 @@ div.password-suggestions ul {
width: 36.3em;
}
/**
* Password strength indicator on narrow viewport.
*/
@media screen and (max-width: 600px) {
.password-strength {
margin-top: 0;
width: auto;
}
.password-indicator {
margin-bottom: 0.4em;
}
input.password-confirm,
input.password-field {
margin-bottom: 0;
width: 100%;
}
div.password-confirm {
margin-top: 0;
width: auto;
}
div.form-item div.password-suggestions {
width: auto;
}
.confirm-parent,
.password-parent {
clear: none;
margin: 0;
width: 100%;
}
}
/**
* Toolbar icon.
*/