rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Update "Change Email" and "Change Password" modal designs (#714)

Browse Source 
* 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
This commit is contained in:
Aman Harwara
2021-11-01 19:49:06 +05:30
committed by GitHub
parent 5da51048bf
commit 4f56c453cb
8 changed files with 86 additions and 308 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/templates/directives/password-wizard.pug
View File

@@ -12,24 +12,28 @@
.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',
placeholder='Current Password',
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',
placeholder='New Password',
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',
placeholder='Confirm New Password',
type='password'
)
.sk-panel-section(ng-if='ctrl.state.step == 2')
@@ -41,7 +45,7 @@
| Please ensure you are running the latest version of Standard Notes
| on all platforms to ensure maximum compatibility.
.sk-panel-footer
button.sn-button.small.info(
button.sn-button.min-w-20.info(
ng-click='ctrl.nextStep()',
ng-disabled='ctrl.state.lockContinue'
) {{ctrl.state.continueTitle}}