imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Rename backup CSS classes

Browse source
This commit is contained in:
J. Ryan Stinnett 2020-09-04 11:37:56 +01:00
parent 46bc6b1d14
commit e3f47525e5
2 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

12
res/css/views/settings/_SecureBackupPanel.scss
View file

@ -15,23 +15,23 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
.mx_KeyBackupPanel_sigValid, .mx_KeyBackupPanel_sigInvalid, .mx_SecureBackupPanel_sigValid, .mx_SecureBackupPanel_sigInvalid,
.mx_KeyBackupPanel_deviceVerified, .mx_KeyBackupPanel_deviceNotVerified { .mx_SecureBackupPanel_deviceVerified, .mx_SecureBackupPanel_deviceNotVerified {
font-weight: bold; font-weight: bold;
} }
.mx_KeyBackupPanel_sigValid, .mx_KeyBackupPanel_deviceVerified { .mx_SecureBackupPanel_sigValid, .mx_SecureBackupPanel_deviceVerified {
color: $e2e-verified-color; color: $e2e-verified-color;
} }
.mx_KeyBackupPanel_sigInvalid, .mx_KeyBackupPanel_deviceNotVerified { .mx_SecureBackupPanel_sigInvalid, .mx_SecureBackupPanel_deviceNotVerified {
color: $e2e-warning-color; color: $e2e-warning-color;
} }
.mx_KeyBackupPanel_deviceName { .mx_SecureBackupPanel_deviceName {
font-style: italic; font-style: italic;
} }
.mx_KeyBackupPanel_buttonRow { .mx_SecureBackupPanel_buttonRow {
margin: 1em 0; margin: 1em 0;
} }

10
src/components/views/settings/SecureBackupPanel.js
View file

@ -229,14 +229,14 @@ export default class SecureBackupPanel extends React.PureComponent {
let backupSigStatuses = this.state.backupSigStatus.sigs.map((sig, i) => { let backupSigStatuses = this.state.backupSigStatus.sigs.map((sig, i) => {
const deviceName = sig.device ? (sig.device.getDisplayName() || sig.device.deviceId) : null; const deviceName = sig.device ? (sig.device.getDisplayName() || sig.device.deviceId) : null;
const validity = sub => const validity = sub =>
<span className={sig.valid ? 'mx_KeyBackupPanel_sigValid' : 'mx_KeyBackupPanel_sigInvalid'}> <span className={sig.valid ? 'mx_SecureBackupPanel_sigValid' : 'mx_SecureBackupPanel_sigInvalid'}>
{sub} {sub}
</span>; </span>;
const verify = sub => const verify = sub =>
<span className={sig.device && sig.deviceTrust.isVerified() ? 'mx_KeyBackupPanel_deviceVerified' : 'mx_KeyBackupPanel_deviceNotVerified'}> <span className={sig.device && sig.deviceTrust.isVerified() ? 'mx_SecureBackupPanel_deviceVerified' : 'mx_SecureBackupPanel_deviceNotVerified'}>
{sub} {sub}
</span>; </span>;
const device = sub => <span className="mx_KeyBackupPanel_deviceName">{deviceName}</span>; const device = sub => <span className="mx_SecureBackupPanel_deviceName">{deviceName}</span>;
const fromThisDevice = ( const fromThisDevice = (
sig.device && sig.device &&
sig.device.getFingerprint() === MatrixClientPeg.get().getDeviceEd25519Key() sig.device.getFingerprint() === MatrixClientPeg.get().getDeviceEd25519Key()
@ -324,7 +324,7 @@ export default class SecureBackupPanel extends React.PureComponent {
} }
const buttonRow = ( const buttonRow = (
<div className="mx_KeyBackupPanel_buttonRow"> <div className="mx_SecureBackupPanel_buttonRow">
<AccessibleButton kind="primary" onClick={this._restoreBackup}> <AccessibleButton kind="primary" onClick={this._restoreBackup}>
{restoreButtonCaption} {restoreButtonCaption}
</AccessibleButton>&nbsp;&nbsp;&nbsp; </AccessibleButton>&nbsp;&nbsp;&nbsp;
@ -355,7 +355,7 @@ export default class SecureBackupPanel extends React.PureComponent {
<p>{encryptedMessageAreEncrypted}</p> <p>{encryptedMessageAreEncrypted}</p>
<p>{_t("Back up your keys before signing out to avoid losing them.")}</p> <p>{_t("Back up your keys before signing out to avoid losing them.")}</p>
</div> </div>
<div className="mx_KeyBackupPanel_buttonRow"> <div className="mx_SecureBackupPanel_buttonRow">
<AccessibleButton kind="primary" onClick={this._startNewBackup}> <AccessibleButton kind="primary" onClick={this._startNewBackup}>
{_t("Start using Key Backup")} {_t("Start using Key Backup")}
</AccessibleButton> </AccessibleButton>