-
-
Notifications
You must be signed in to change notification settings - Fork 827
Implement new design on security setup & login #4831
Conversation
Although passphrase / passphrase confirm is still split between two screens because that's more work to change and probably is not a pivotal part of the UI that needs to change in step with everything else.
No reset option here anymore
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
generally seems fine from a code perspective, also that's a lot of strings.
src/async-components/views/dialogs/secretstorage/CreateSecretStorageDialog.js
Outdated
Show resolved
Hide resolved
@@ -259,22 +284,15 @@ export default class CreateSecretStorageDialog extends React.PureComponent { | |||
await cli.bootstrapSecretStorage({ | |||
authUploadDeviceSigningKeys: this._doBootstrapUIAuth, | |||
createSecretStorageKey: async () => this._recoveryKey, | |||
setupNewKeyBackup: this.state.useKeyBackup, | |||
setupNewKeyBackup: true, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
do we not support this option anymore?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This will shortly be part of dialog for setting up SSSS rather than cross-signing, so you'll either set up both SSSS storage and key backup or neither, as they're both basically server-side key backup. They'll be independent of cross-signing.
src/async-components/views/dialogs/secretstorage/CreateSecretStorageDialog.js
Outdated
Show resolved
Hide resolved
so they're a sensible colour in other themes
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@dbkr these are looking great. We could do with some more padding between the icons & titles, and the icons/titles & micro copy in the radio interactions. Approving for now to avoid bitrot but lmk if you want to fix these before merging or not— happy to jump on a call to pixel tweak together at runtime.
[screenshot updated] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks!
This implements the new designs for choosing between passphrase and recovery key, and entering the passphrase/key. We wanted these to land together so I've bundled the changes together, but kept the changes to key entry fairly minimal and cosmetic. Most notably, they still appear in a separate dialog on top of the original rather than being in the same dialog. I've also split other bits like the 'show passphrase' eye icon and moving the passphrase & conform boxes onto the same screen out to separate bugs.
Setting up:
Logging in:
(I'll add the placeholder when adding the upload button)
Also adds a border to the radio buttons on the appearance tab because they share a component and the one for the security screen needed a border:
Fixes element-hq/element-web#13825