diff options
| author | Dan <danjm.com@gmail.com> | 2017-09-29 18:10:50 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-02 10:02:21 +0800 |
| commit | 47ebcbb2ed09a4cd4b062c5fa4cb6d259369149f (patch) | |
| tree | e465ea9a722bbaac505681787c3739e7792209e6 /ui/app/css | |
| parent | ff64fe98dde7746775396cbf94d63a1a0e91d069 (diff) | |
| download | tangerine-wallet-browser-47ebcbb2ed09a4cd4b062c5fa4cb6d259369149f.tar tangerine-wallet-browser-47ebcbb2ed09a4cd4b062c5fa4cb6d259369149f.tar.gz tangerine-wallet-browser-47ebcbb2ed09a4cd4b062c5fa4cb6d259369149f.tar.bz2 tangerine-wallet-browser-47ebcbb2ed09a4cd4b062c5fa4cb6d259369149f.tar.lz tangerine-wallet-browser-47ebcbb2ed09a4cd4b062c5fa4cb6d259369149f.tar.xz tangerine-wallet-browser-47ebcbb2ed09a4cd4b062c5fa4cb6d259369149f.tar.zst tangerine-wallet-browser-47ebcbb2ed09a4cd4b062c5fa4cb6d259369149f.zip | |
Token menu ui.
Diffstat (limited to 'ui/app/css')
| -rw-r--r-- | ui/app/css/itcss/components/token-list.scss | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss index e4d6d975b..8ae0eec66 100644 --- a/ui/app/css/itcss/components/token-list.scss +++ b/ui/app/css/itcss/components/token-list.scss @@ -9,6 +9,7 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( cursor: pointer; transition: linear 200ms; background-color: rgba($wallet-balance-bg, 0); + position: relative; &__token-balance { font-size: 130%; @@ -44,4 +45,50 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and ( margin-right: 4%; } } + + &__ellipsis { + position: absolute; + top: 20px; + right: 24px; + } } + +.token-menu-dropdown { + height: 55px; + width: 191px; + border-radius: 4px; + background-color: rgba(0,0,0,0.82); + box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); + position: fixed; + margin-top: 20px; + margin-left: 105px; + + &__close-area { + position: fixed; + top: 0; + left: 0; + z-index: 1000; + width: 100%; + height: 100%; + } + + &__container { + padding: 16px 34px 32px; + z-index: 1050; + position: relative; + } + + &__options { + display: flex; + flex-direction: column; + justify-content: center; + } + + &__option { + color: $white; + font-family: "DIN OT"; + font-size: 16px; + line-height: 21px; + text-align: center; + } +}
\ No newline at end of file |