Password score progress should be full width in tooltip
This commit is contained in:
@@ -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}
|
||||||
/>;
|
/>;
|
||||||
|
|||||||
Reference in New Issue
Block a user