m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

[NewUI] Updates capitalization and alignment for the import account screen. (#3122)

Browse Source 
* Updates capitalization and alignment for the import account screen.

* Align elements in import form.
This commit is contained in:
Dan J Miller 2018-01-31 18:11:13 -03:30 committed by Alexander Tseung
parent 8378445112
commit 971112d413
3 changed files with 35 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/accounts/import/index.js
View File

@ -37,7 +37,7 @@ AccountImportSubview.prototype.render = function () {
h('div.new-account-import-form__select-section', [
h('div.new-account-import-form__select-label', 'SELECT TYPE'),
h('div.new-account-import-form__select-label', 'Select Type'),
h(Select, {
className: 'new-account-import-form__select',

19
ui/app/accounts/import/private-key.js
View File

@ -32,15 +32,20 @@ PrivateKeyImportView.prototype.render = function () {
return (
h('div.new-account-import-form__private-key', [
h('span.new-account-create-form__instruction', 'Paste your private key string here:'),
h('input.new-account-import-form__input-password', {
type: 'password',
id: 'private-key-box',
onKeyPress: () => this.createKeyringOnEnter(),
}),
h('div.new-account-import-form__private-key-password-container', [
h('div.new-account-create-form__buttons', {}, [
h('span.new-account-import-form__instruction', 'Paste your private key string here:'),
h('input.new-account-import-form__input-password', {
type: 'password',
id: 'private-key-box',
onKeyPress: () => this.createKeyringOnEnter(),
}),
]),
h('div.new-account-import-form__buttons', {}, [
h('button.new-account-create-form__button-cancel', {
onClick: () => goHome(),

25
ui/app/css/itcss/components/new-account.scss
View File

@ -55,11 +55,17 @@
}
.new-account-import-form {
display: flex;
flex-flow: column;
align-items: center;
padding: 0 30px;
&__select-section {
display: flex;
justify-content: space-evenly;
justify-content: space-between;
align-items: center;
margin-top: 29px;
width: 100%;
}
&__select-label {
@ -91,19 +97,25 @@
}
}
&__private-key-password-container {
display: flex;
flex-flow: column;
align-items: center;
width: 100%;
}
&__instruction {
color: $scorpion;
font-family: Roboto;
font-size: 16px;
line-height: 21px;
align-self: flex-start;
margin-left: 30px;
}
&__private-key {
display: flex;
flex-flow: column;
align-items: center;
align-items: flex-start;
margin-top: 34px;
}
@ -126,6 +138,13 @@
align-items: center;
margin-top: 29px;
}
&__buttons {
margin-top: 39px;
display: flex;
width: 100%;
justify-content: space-between;
}
}
.new-account-create-form {