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

Fix edit text

Browse Source 
and edit label alighment
This commit is contained in:
Frankie 2016-06-09 23:58:33 -04:00
parent 1987296af0
commit 7d8bf31e82
3 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -101,7 +101,7 @@ AccountDetailScreen.prototype.render = function() {
// What is shown when not editing + edit text: // 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', {name: 'edit'}, identity && identity.name),
]), ]),
]), ]),

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

@ -30,7 +30,7 @@ EditableLabel.prototype.render = function() {
]) ])
} else { } else {
return h('div', { return h('div.name-label', {
onClick:(event) => { onClick:(event) => {
this.setState({ isEditingLabel: true }) this.setState({ isEditingLabel: true })
}, },

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

@ -367,20 +367,19 @@ input.large-input {
} }
.edit-text { .edit-text {
height: 15px; height: 100%;
visibility: hidden; visibility: hidden;
} }
.editing-label { .editing-label {
cursor: text; cursor: text;
width: 60px; width: 100%;
height: 20px; position: relative;
position: absolute; top: 7px;
text-align: right; text-align: right;
font-size: small; font-size: small;
padding-top: 15px;
color: #F7861C; color: #F7861C;
} }
.editing-label:hover div{ .name-label:hover .edit-text {
visibility: visible; visibility: visible;
} }
/* tx confirm */ /* tx confirm */