Password score progress should be full width in tooltip
This commit is contained in:
parent
a20d23daf3
commit
67d7091dcd
3 changed files with 6 additions and 0 deletions
|
@ -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%;
|
||||||
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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}
|
||||||
/>;
|
/>;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue