aboutsummaryrefslogtreecommitdiffstats
path: root/ui
diff options
context:
space:
mode:
authorDan <danjm.com@gmail.com>2017-11-11 03:45:43 +0800
committerChi Kei Chan <chikeichan@gmail.com>2017-11-11 06:14:07 +0800
commit08d9ecc0454c729356f3f7a6d91156ee96c66959 (patch)
tree1e9e399e44269a1dc0a0b49d3f9e9ab2152a1cb0 /ui
parenta33ced39946c1448b56aef22ab3573b00d1faeca (diff)
downloadtangerine-wallet-browser-08d9ecc0454c729356f3f7a6d91156ee96c66959.tar
tangerine-wallet-browser-08d9ecc0454c729356f3f7a6d91156ee96c66959.tar.gz
tangerine-wallet-browser-08d9ecc0454c729356f3f7a6d91156ee96c66959.tar.bz2
tangerine-wallet-browser-08d9ecc0454c729356f3f7a6d91156ee96c66959.tar.lz
tangerine-wallet-browser-08d9ecc0454c729356f3f7a6d91156ee96c66959.tar.xz
tangerine-wallet-browser-08d9ecc0454c729356f3f7a6d91156ee96c66959.tar.zst
tangerine-wallet-browser-08d9ecc0454c729356f3f7a6d91156ee96c66959.zip
Cursor pointer and hover background on from and to dropdown items.
Diffstat (limited to 'ui')
-rw-r--r--ui/app/components/send/account-list-item.js2
-rw-r--r--ui/app/components/send/from-dropdown.js1
-rw-r--r--ui/app/components/send/to-autocomplete.js1
-rw-r--r--ui/app/css/itcss/components/account-dropdown.scss11
4 files changed, 15 insertions, 0 deletions
diff --git a/ui/app/components/send/account-list-item.js b/ui/app/components/send/account-list-item.js
index 2378a4671..1ad3f69c1 100644
--- a/ui/app/components/send/account-list-item.js
+++ b/ui/app/components/send/account-list-item.js
@@ -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 }),
}, [
diff --git a/ui/app/components/send/from-dropdown.js b/ui/app/components/send/from-dropdown.js
index bcae5ede8..0686fbe73 100644
--- a/ui/app/components/send/from-dropdown.js
+++ b/ui/app/components/send/from-dropdown.js
@@ -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)
diff --git a/ui/app/components/send/to-autocomplete.js b/ui/app/components/send/to-autocomplete.js
index fef8d5ccb..e0cdd0a58 100644
--- a/ui/app/components/send/to-autocomplete.js
+++ b/ui/app/components/send/to-autocomplete.js
@@ -38,6 +38,7 @@ ToAutoComplete.prototype.renderDropdown = function () {
...accountsToRender.map(account => h(AccountListItem, {
account,
+ className: 'account-list-item__dropdown',
handleClick: () => {
onChange(account.address)
closeDropdown()
diff --git a/ui/app/css/itcss/components/account-dropdown.scss b/ui/app/css/itcss/components/account-dropdown.scss
index c298c4019..725da9d39 100644
--- a/ui/app/css/itcss/components/account-dropdown.scss
+++ b/ui/app/css/itcss/components/account-dropdown.scss
@@ -69,4 +69,15 @@
overflow: hidden;
text-overflow: ellipsis;
}
+
+ &__dropdown {
+ &:hover {
+ background: rgba($alto, .2);
+ cursor: pointer;
+
+ input {
+ background: rgba($alto, .1);
+ }
+ }
+ }
}