diff --git a/src/components/views/globals/PasswordNagBar.js b/src/components/views/globals/PasswordNagBar.js index 37d011a6..56eb7bd7 100644 --- a/src/components/views/globals/PasswordNagBar.js +++ b/src/components/views/globals/PasswordNagBar.js @@ -20,6 +20,7 @@ import React from 'react'; import sdk from 'matrix-react-sdk'; import Modal from 'matrix-react-sdk/lib/Modal'; import dis from 'matrix-react-sdk/lib/dispatcher'; +import { _t } from 'matrix-react-sdk/lib/languageHandler'; export default React.createClass({ onUpdateClicked: function() { @@ -33,12 +34,11 @@ export default React.createClass({ dis.dispatch({ action: 'password_changed', }); - } + }, }); }, render: function() { - const AccessibleButton = sdk.getComponent('elements.AccessibleButton'); const toolbarClasses = "mx_MatrixToolbar mx_MatrixToolbar_clickable"; return (
@@ -49,12 +49,12 @@ export default React.createClass({ alt="Warning" />
- To return to your account in future you need to set a password + { _t("To return to your account in future you need to set a password") }
); - } + }, }); diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss b/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss index 9809a81a..7fa8ceb8 100644 --- a/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss +++ b/src/skins/vector/css/matrix-react-sdk/structures/_UserSettings.scss @@ -102,6 +102,19 @@ limitations under the License. padding-right: 1em; } +.mx_UserSettings_passwordWarning { + padding: 6px; + background-color: #76cfa6; + border-radius: 3px; + color: #fff; + margin-bottom: 5px; +} + +.mx_UserSettings_passwordWarning_icon { + vertical-align: -6px; + margin-right: 3px; +} + .mx_UserSettings_importExportButtons { padding-top: 10px; padding-left: 40px;