Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-10-01 01:26:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

Rejig the PaswordNagBar

Browse Source 
- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/views/globals/PasswordNagBar.js
View File

@ -39,8 +39,9 @@ export default React.createClass({
render: function() { render: function() {
const AccessibleButton = sdk.getComponent('elements.AccessibleButton'); const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
const toolbarClasses = "mx_MatrixToolbar mx_MatrixToolbar_clickable";
return ( return (
<div className="mx_MatrixToolbar"> <div className={toolbarClasses} onClick={this.onUpdateClicked}>
<img className="mx_MatrixToolbar_warning" <img className="mx_MatrixToolbar_warning"
src="img/warning.svg" src="img/warning.svg"
width="24" width="24"
@ -48,9 +49,9 @@ export default React.createClass({
alt="Warning" alt="Warning"
/> />
<div className="mx_MatrixToolbar_content"> <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> </div>
<button className="mx_MatrixToolbar_action" onClick={this.onUpdateClicked}> <button className="mx_MatrixToolbar_action">
Set Password Set Password
</button> </button>
</div> </div>

4
src/skins/vector/css/vector-web/views/globals/_MatrixToolbar.scss
View File

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