4f56c453cb
* feat: Add new utility classes * feat: Update "Change Email" modal design * feat: Use .sk-input.contrast className to mimic password wizard inputs * feat: Add explicit labels to password wizard inputs * feat: Make button sizing consistent * refactor: Remove unused dependencies * refactor: Remove unused component
52 lines
2.4 KiB
Plaintext
52 lines
2.4 KiB
Plaintext
.sn-component
|
|
#password-wizard.sk-modal.small.auto-height
|
|
.sk-modal-background
|
|
.sk-modal-content
|
|
.sn-component
|
|
.sk-panel
|
|
.sk-panel-header
|
|
.sk-panel-header-title {{ctrl.state.title}}
|
|
a.sk-a.info.close-button(ng-click='ctrl.dismiss()') Close
|
|
.sk-panel-content
|
|
.sk-panel-section(ng-if='ctrl.state.step == 1')
|
|
.sk-panel-row
|
|
.sk-panel-column.stretch
|
|
form.sk-panel-form
|
|
label.block.mb-1(for='password-wiz-current-password') Current Password:
|
|
input.sk-input.contrast(
|
|
id='password-wiz-current-password'
|
|
ng-model='ctrl.state.formData.currentPassword',
|
|
should-focus='true',
|
|
sn-autofocus='true',
|
|
type='password'
|
|
)
|
|
.sk-panel-row
|
|
label.block.mb-1(for='password-wiz-new-password') New Password:
|
|
input.sk-input.contrast(
|
|
id='password-wiz-new-password',
|
|
ng-if='ctrl.props.changePassword',
|
|
ng-model='ctrl.state.formData.newPassword',
|
|
type='password'
|
|
)
|
|
.sk-panel-row
|
|
label.block.mb-1(for='password-wiz-confirm-new-password') Confirm New Password:
|
|
input.sk-input.contrast(
|
|
id='password-wiz-confirm-new-password',
|
|
ng-if='ctrl.props.changePassword',
|
|
ng-model='ctrl.state.formData.newPasswordConfirmation',
|
|
type='password'
|
|
)
|
|
.sk-panel-section(ng-if='ctrl.state.step == 2')
|
|
.sk-label.sk-bold.info(ng-if='ctrl.props.changePassword')
|
|
| Your password has been successfully changed.
|
|
p.sk-p.info-i(ng-if='ctrl.props.securityUpdate')
|
|
| The account update has been successfully applied to your account.
|
|
p.sk-p
|
|
| Please ensure you are running the latest version of Standard Notes
|
|
| on all platforms to ensure maximum compatibility.
|
|
.sk-panel-footer
|
|
button.sn-button.min-w-20.info(
|
|
ng-click='ctrl.nextStep()',
|
|
ng-disabled='ctrl.state.lockContinue'
|
|
) {{ctrl.state.continueTitle}}
|