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

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 () { AccountListItem.prototype.render = function () {
const { const {
className,
account, account,
handleClick, handleClick,
icon = null, icon = null,
@ -34,6 +35,7 @@ AccountListItem.prototype.render = function () {
const { name, address, balance } = account || {} const { name, address, balance } = account || {}
return h('div.account-list-item', { return h('div.account-list-item', {
className,
onClick: () => handleClick({ name, address, balance }), 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', {}, [ h('div.send-v2__from-dropdown__list', {}, [
...accounts.map(account => h(AccountListItem, { ...accounts.map(account => h(AccountListItem, {
className: 'account-list-item__dropdown',
account, account,
handleClick: () => { handleClick: () => {
onSelect(account) 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, { ...accountsToRender.map(account => h(AccountListItem, {
account, account,
className: 'account-list-item__dropdown',
handleClick: () => { handleClick: () => {
onChange(account.address) onChange(account.address)
closeDropdown() closeDropdown()

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

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