diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-24 15:38:39 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-24 15:38:39 +0800 |
| commit | ba9cefb24e61e570407154c37b6cc30b22829667 (patch) | |
| tree | 13e5db1ef15aa810c5d7e3892b1cf1babd023045 /ui/app | |
| parent | 2871beebe61418ce148069c932301d89e85923fa (diff) | |
| download | tangerine-wallet-browser-ba9cefb24e61e570407154c37b6cc30b22829667.tar tangerine-wallet-browser-ba9cefb24e61e570407154c37b6cc30b22829667.tar.gz tangerine-wallet-browser-ba9cefb24e61e570407154c37b6cc30b22829667.tar.bz2 tangerine-wallet-browser-ba9cefb24e61e570407154c37b6cc30b22829667.tar.lz tangerine-wallet-browser-ba9cefb24e61e570407154c37b6cc30b22829667.tar.xz tangerine-wallet-browser-ba9cefb24e61e570407154c37b6cc30b22829667.tar.zst tangerine-wallet-browser-ba9cefb24e61e570407154c37b6cc30b22829667.zip | |
Add caret to Add Token toggle
Diffstat (limited to 'ui/app')
| -rw-r--r-- | ui/app/add-token.js | 5 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/add-token.scss | 13 |
2 files changed, 16 insertions, 2 deletions
diff --git a/ui/app/add-token.js b/ui/app/add-token.js index e313babf3..148a8c622 100644 --- a/ui/app/add-token.js +++ b/ui/app/add-token.js @@ -350,7 +350,10 @@ AddTokenScreen.prototype.render = function () { h('div.add-token__footers', [ h('div.add-token__add-custom', { onClick: () => this.setState({ isCollapsed: !isCollapsed }), - }, 'Add custom token'), + }, [ + 'Add custom token', + h(`i.fa.fa-angle-${isCollapsed ? 'down' : 'up'}`), + ]), this.renderCustomForm(), ]), ]), diff --git a/ui/app/css/itcss/components/add-token.scss b/ui/app/css/itcss/components/add-token.scss index aa8221c9a..9bdda6a9b 100644 --- a/ui/app/css/itcss/components/add-token.scss +++ b/ui/app/css/itcss/components/add-token.scss @@ -109,7 +109,18 @@ cursor: pointer; &:hover { - background-color: $gallery; + background-color: rgba(0, 0, 0, .05); + } + + &:active { + background-color: rgba(0, 0, 0, .1); + } + + .fa { + position: absolute; + right: 24px; + font-size: 24px; + line-height: 24px; } } |