m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00
Code

Cursor pointer and hover background on from and to dropdown items.

Browse Source
This commit is contained in:
Dan 2017-11-10 16:15:43 -03:30 committed by Chi Kei Chan
parent a33ced3994
commit 08d9ecc045
4 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/components/send/account-list-item.js
View File

@ -22,6 +22,7 @@ module.exports = connect(mapStateToProps)(AccountListItem)
AccountListItem.prototype.render = function () {
const {
className,
account,
handleClick,
icon = null,
@ -34,6 +35,7 @@ AccountListItem.prototype.render = function () {
const { name, address, balance } = account || {}
return h('div.account-list-item', {
className,
onClick: () => handleClick({ name, address, balance }),
}, [

1
ui/app/components/send/from-dropdown.js
View File

@ -35,6 +35,7 @@ FromDropdown.prototype.renderDropdown = function () {
h('div.send-v2__from-dropdown__list', {}, [
...accounts.map(account => h(AccountListItem, {
className: 'account-list-item__dropdown',
account,
handleClick: () => {
onSelect(account)

1
ui/app/components/send/to-autocomplete.js
View File

@ -38,6 +38,7 @@ ToAutoComplete.prototype.renderDropdown = function () {
...accountsToRender.map(account => h(AccountListItem, {
account,
className: 'account-list-item__dropdown',
handleClick: () => {
onChange(account.address)
closeDropdown()

11
ui/app/css/itcss/components/account-dropdown.scss
View File

@ -69,4 +69,15 @@
overflow: hidden;
text-overflow: ellipsis;
}
&__dropdown {
&:hover {
background: rgba($alto, .2);
cursor: pointer;
input {
background: rgba($alto, .1);
}
}
}
}