aboutsummaryrefslogtreecommitdiffstats
path: root/ui
diff options
context:
space:
mode:
authorFrankie <email": null>2016-06-06 22:09:21 +0800
committerFrankie <email": null>2016-06-06 22:09:21 +0800
commitf59ca7a6bf42b0cae70aab838a08a7d15e192d10 (patch)
tree4cadecb7f41bbf81c76819ccdc8b4fb4562865ab /ui
parent217dd9c95e2c398c07d5e88ef35bea0aad1e3a37 (diff)
downloadtangerine-wallet-browser-f59ca7a6bf42b0cae70aab838a08a7d15e192d10.tar
tangerine-wallet-browser-f59ca7a6bf42b0cae70aab838a08a7d15e192d10.tar.gz
tangerine-wallet-browser-f59ca7a6bf42b0cae70aab838a08a7d15e192d10.tar.bz2
tangerine-wallet-browser-f59ca7a6bf42b0cae70aab838a08a7d15e192d10.tar.lz
tangerine-wallet-browser-f59ca7a6bf42b0cae70aab838a08a7d15e192d10.tar.xz
tangerine-wallet-browser-f59ca7a6bf42b0cae70aab838a08a7d15e192d10.tar.zst
tangerine-wallet-browser-f59ca7a6bf42b0cae70aab838a08a7d15e192d10.zip
Add css to resize and alighn input for editable lable
Diffstat (limited to 'ui')
-rw-r--r--ui/app/account-detail.js2
-rw-r--r--ui/app/components/editable-label.js4
-rw-r--r--ui/app/css/index.css9
3 files changed, 12 insertions, 3 deletions
diff --git a/ui/app/account-detail.js b/ui/app/account-detail.js
index d4ed88013..7a0d5b23b 100644
--- a/ui/app/account-detail.js
+++ b/ui/app/account-detail.js
@@ -99,7 +99,7 @@ AccountDetailScreen.prototype.render = function() {
},
}, [
- // What is shown when not editing:
+ // What is shown when not editing + edit text:
h('label.editing-label',[h('.edit-text','edit')]),
h('h2.font-medium.color-forest', {title: 'edit'}, identity && identity.name)
]),
diff --git a/ui/app/components/editable-label.js b/ui/app/components/editable-label.js
index 20e24a9c7..c35f3261c 100644
--- a/ui/app/components/editable-label.js
+++ b/ui/app/components/editable-label.js
@@ -18,13 +18,13 @@ EditableLabel.prototype.render = function() {
if (state && state.isEditingLabel) {
return h('div.editable-label', [
- h('input', {
+ h('input.editable-input', {
defaultValue: props.textValue,
onKeyPress:(event) => {
this.saveIfEnter(event)
},
}),
- h('button', {
+ h('button.editable-button', {
onClick:() => this.saveText(),
}, 'Save')
])
diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index 3d22a1c33..fb2a1f552 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -219,6 +219,15 @@ app sections
padding: 8px;*/
}
+.editable-input{
+ font-size: 1em;
+ height: 31px;
+}
+
+.editable-button{
+ position: relative;
+ bottom: 2px;
+}
/* Webkit */
.unlock-screen input::-webkit-input-placeholder {
text-align: center;