fix: better style and copy for challenge modal

This commit is contained in:
Baptiste Grob
2020-09-10 17:28:12 +02:00
parent 844e853afd
commit 93deb92463
3 changed files with 8 additions and 3 deletions

View File

@@ -46,7 +46,7 @@ export const STRING_INVALID_IMPORT_FILE = "Unable to open file. Ensure it is a p
export function StringImportError(errorCount: number) { export function StringImportError(errorCount: number) {
return `Import complete. ${errorCount} items were not imported because there was an error decrypting them. Make sure the password is correct and try again.`; return `Import complete. ${errorCount} items were not imported because there was an error decrypting them. Make sure the password is correct and try again.`;
} }
export const STRING_ENTER_ACCOUNT_PASSCODE = 'Enter your application passcode'; export const STRING_ENTER_ACCOUNT_PASSCODE = 'Enter your application passcode to decrypt your data and unlock the application';
export const STRING_ENTER_ACCOUNT_PASSWORD = 'Enter your account password'; export const STRING_ENTER_ACCOUNT_PASSWORD = 'Enter your account password';
export const STRING_ENTER_PASSCODE_FOR_MIGRATION = 'Your application passcode is required to perform an upgrade of your local data storage structure.'; export const STRING_ENTER_PASSCODE_FOR_MIGRATION = 'Your application passcode is required to perform an upgrade of your local data storage structure.';
export const STRING_STORAGE_UPDATE = 'Storage Update'; export const STRING_STORAGE_UPDATE = 'Storage Update';

View File

@@ -1,5 +1,5 @@
.sk-modal-background(ng-click="ctrl.cancel()") .sk-modal-background(ng-click="ctrl.cancel()")
#privileges-modal.challenge-modal.sk-modal-content .challenge-modal.sk-modal-content
.sn-component .sn-component
.sk-panel .sk-panel
.sk-panel-header .sk-panel-header
@@ -7,7 +7,7 @@
.sk-panel-content .sk-panel-content
.sk-panel-section .sk-panel-section
div(ng-repeat="type in ctrl.state.types") div(ng-repeat="type in ctrl.state.types")
.sk-p.sk-bold.sk-panel-row.centered .sk-p.sk-panel-row.centered.prompt
strong {{ctrl.promptForChallenge(type)}} strong {{ctrl.promptForChallenge(type)}}
.sk-panel-row .sk-panel-row
input.sk-input.contrast( input.sk-input.contrast(

View File

@@ -12,6 +12,11 @@
} }
.challenge-modal { .challenge-modal {
max-width: 480px;
.prompt {
text-align: center;
}
.sk-panel .sk-panel-header { .sk-panel .sk-panel-header {
justify-content: center; justify-content: center;
} }