mirror of
https://github.com/vector-im/element-web.git
synced 2024-12-01 15:11:11 +08:00
6eafe0e5a8
This changes the styles of buttons, other form controls, and tabs in settings to: 1. Improve their usage of semantic colors, so that they adapt correctly to custom themes 2. Make them more visually coherent with the new Compound design system, as we integrate more of it into the app This is a re-introduction of https://github.com/matrix-org/matrix-react-sdk/pull/12241 with the difference that we're now using our branding colors again on form colors, and buttons have become rounded to match the appearance of new Compound buttons.
194 lines
3.7 KiB
Plaintext
194 lines
3.7 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<SecureBackupPanel /> handles error fetching backup 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_SettingsSubsection_text"
|
|
>
|
|
Back up your encryption keys with your account data in case you lose access to your sessions. Your keys will be secured with a unique Security Key.
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_text"
|
|
>
|
|
Unable to load key backup status
|
|
</div>
|
|
<details>
|
|
<summary
|
|
class="mx_SecureBackupPanel_advanced"
|
|
>
|
|
Advanced
|
|
</summary>
|
|
<table
|
|
class="mx_SecureBackupPanel_statusList"
|
|
>
|
|
<tr>
|
|
<th
|
|
scope="row"
|
|
>
|
|
Backup key stored:
|
|
</th>
|
|
<td>
|
|
not stored
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
scope="row"
|
|
>
|
|
Backup key cached:
|
|
</th>
|
|
<td>
|
|
not found locally
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
scope="row"
|
|
>
|
|
Secret storage public key:
|
|
</th>
|
|
<td>
|
|
not found
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
scope="row"
|
|
>
|
|
Secret storage:
|
|
</th>
|
|
<td>
|
|
not ready
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</details>
|
|
</div>
|
|
`;
|
|
|
|
exports[`<SecureBackupPanel /> suggests connecting session to key backup when backup exists 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_SettingsSubsection_text"
|
|
>
|
|
Back up your encryption keys with your account data in case you lose access to your sessions. Your keys will be secured with a unique Security Key.
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_text"
|
|
>
|
|
<span>
|
|
This session is
|
|
<b>
|
|
not backing up your keys
|
|
</b>
|
|
, but you do have an existing backup you can restore from and add to going forward.
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="mx_SettingsSubsection_text"
|
|
>
|
|
Connect this session to key backup before signing out to avoid losing any keys that may only be on this session.
|
|
</div>
|
|
<details>
|
|
<summary
|
|
class="mx_SecureBackupPanel_advanced"
|
|
>
|
|
Advanced
|
|
</summary>
|
|
<table
|
|
class="mx_SecureBackupPanel_statusList"
|
|
>
|
|
<tr>
|
|
<th
|
|
scope="row"
|
|
>
|
|
Backup key stored:
|
|
</th>
|
|
<td>
|
|
not stored
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
scope="row"
|
|
>
|
|
Backup key cached:
|
|
</th>
|
|
<td>
|
|
not found locally
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
scope="row"
|
|
>
|
|
Secret storage public key:
|
|
</th>
|
|
<td>
|
|
not found
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
scope="row"
|
|
>
|
|
Secret storage:
|
|
</th>
|
|
<td>
|
|
not ready
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
scope="row"
|
|
>
|
|
Latest backup version on server:
|
|
</th>
|
|
<td>
|
|
1
|
|
(
|
|
Algorithm:
|
|
|
|
<code>
|
|
test
|
|
</code>
|
|
)
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th
|
|
scope="row"
|
|
>
|
|
Active backup version:
|
|
</th>
|
|
<td>
|
|
None
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div />
|
|
</details>
|
|
<div
|
|
class="mx_SecureBackupPanel_buttonRow"
|
|
>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Connect this session to Key Backup
|
|
</div>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger_outline"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Delete Backup
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|