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 { .mx_AuthBody_spinner {
margin: 1em 0; margin: 1em 0;
} }
.mx_AuthBody_passwordScore {
width: 100%;
}

View file

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

View file

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