Password score progress should be full width in tooltip

This commit is contained in:
J. Ryan Stinnett 2019-04-23 16:35:11 +01:00
parent a20d23daf3
commit 67d7091dcd
3 changed files with 6 additions and 0 deletions

View file

@ -130,3 +130,7 @@ limitations under the License.
.mx_AuthBody_spinner {
margin: 1em 0;
}
.mx_AuthBody_passwordScore {
width: 100%;
}

View file

@ -168,6 +168,7 @@ limitations under the License.
.mx_Field_tooltip {
margin-top: -12px;
margin-left: 4px;
width: 200px;
}
.mx_Field_tooltip.mx_Field_valid {

View file

@ -244,6 +244,7 @@ module.exports = React.createClass({
const complexity = this.state.passwordComplexity;
const score = complexity ? complexity.score : 0;
return <progress
className="mx_AuthBody_passwordScore"
max={PASSWORD_MIN_SCORE}
value={score}
/>;