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

Add css to resize and alighn input for editable lable

Browse Source
This commit is contained in:
Frankie 2016-06-06 10:09:21 -04:00
parent 217dd9c95e
commit f59ca7a6bf
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/account-detail.js
View File

@ -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('label.editing-label',[h('.edit-text','edit')]),
h('h2.font-medium.color-forest', {title: 'edit'}, identity && identity.name) h('h2.font-medium.color-forest', {title: 'edit'}, identity && identity.name)
]), ]),

4
ui/app/components/editable-label.js
View File

@ -18,13 +18,13 @@ EditableLabel.prototype.render = function() {
if (state && state.isEditingLabel) { if (state && state.isEditingLabel) {
return h('div.editable-label', [ return h('div.editable-label', [
h('input', { h('input.editable-input', {
defaultValue: props.textValue, defaultValue: props.textValue,
onKeyPress:(event) => { onKeyPress:(event) => {
this.saveIfEnter(event) this.saveIfEnter(event)
}, },
}), }),
h('button', { h('button.editable-button', {
onClick:() => this.saveText(), onClick:() => this.saveText(),
}, 'Save') }, 'Save')
]) ])

9
ui/app/css/index.css
View File

@ -219,6 +219,15 @@ app sections
padding: 8px;*/ padding: 8px;*/
} }
.editable-input{
font-size: 1em;
height: 31px;
}
.editable-button{
position: relative;
bottom: 2px;
}
/* Webkit */ /* Webkit */
.unlock-screen input::-webkit-input-placeholder { .unlock-screen input::-webkit-input-placeholder {
text-align: center; text-align: center;