Rejig the PaswordNagBar

- Change the nag bar to read "To return to your account in future you need to set a password"
 - Underline "Set a password"
 - Make the whole thing clickable
This commit is contained in:
Luke Barnard 2017-05-25 15:33:40 +01:00
parent 790fc7ca4a
commit 1db3ba676d
2 changed files with 8 additions and 3 deletions

View File

@ -39,8 +39,9 @@ export default React.createClass({
render: function() {
const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
const toolbarClasses = "mx_MatrixToolbar mx_MatrixToolbar_clickable";
return (
<div className="mx_MatrixToolbar">
<div className={toolbarClasses} onClick={this.onUpdateClicked}>
<img className="mx_MatrixToolbar_warning"
src="img/warning.svg"
width="24"
@ -48,9 +49,9 @@ export default React.createClass({
alt="Warning"
/>
<div className="mx_MatrixToolbar_content">
To be able to return to your account, you need to set a password.
To return to your account in future you need to <u>set a password</u>
</div>
<button className="mx_MatrixToolbar_action" onClick={this.onUpdateClicked}>
<button className="mx_MatrixToolbar_action">
Set Password
</button>
</div>

View File

@ -39,6 +39,10 @@ limitations under the License.
cursor: pointer;
}
.mx_MatrixToolbar_clickable {
cursor: pointer;
}
.mx_MatrixToolbar_close {
cursor: pointer;
}