diff options
author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-07 14:12:40 +0800 |
---|---|---|
committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-07 14:12:40 +0800 |
commit | d8fff0fc8c25d1bd0a287502ca633a44a7844911 (patch) | |
tree | 13243506e4d882beb9afebd7f1ac3f53f5895e2b /ui | |
parent | 0f140c5db59e72836ec437063314b39f33bae100 (diff) | |
download | tangerine-wallet-browser-d8fff0fc8c25d1bd0a287502ca633a44a7844911.tar tangerine-wallet-browser-d8fff0fc8c25d1bd0a287502ca633a44a7844911.tar.gz tangerine-wallet-browser-d8fff0fc8c25d1bd0a287502ca633a44a7844911.tar.bz2 tangerine-wallet-browser-d8fff0fc8c25d1bd0a287502ca633a44a7844911.tar.lz tangerine-wallet-browser-d8fff0fc8c25d1bd0a287502ca633a44a7844911.tar.xz tangerine-wallet-browser-d8fff0fc8c25d1bd0a287502ca633a44a7844911.tar.zst tangerine-wallet-browser-d8fff0fc8c25d1bd0a287502ca633a44a7844911.zip |
Opt for calculated values in absolutely positioned caret
Diffstat (limited to 'ui')
-rw-r--r-- | ui/app/components/wallet-view.js | 7 | ||||
-rw-r--r-- | ui/app/css/itcss/components/hero-balance.scss | 3 |
2 files changed, 8 insertions, 2 deletions
diff --git a/ui/app/components/wallet-view.js b/ui/app/components/wallet-view.js index ad84ee6a8..3c331a100 100644 --- a/ui/app/components/wallet-view.js +++ b/ui/app/components/wallet-view.js @@ -58,7 +58,7 @@ WalletView.prototype.render = function () { h('div.flex-column.flex-center', { style: { - // constrains size of absolutely positioned wrappers + // constrains size of absolutely positioned wrappers position: 'relative', }, }, [ @@ -83,7 +83,10 @@ WalletView.prototype.render = function () { h(AccountDropdowns, { style: { position: 'absolute', - left: '66.5%', + left: 'calc(50% + 28px + 5.5px)', + // left: '42px', + // top: '-10px' + // left: '66.5%', top: '19.5%', }, selected, diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss index fabba9ed8..f7ecf0cdf 100644 --- a/ui/app/css/itcss/components/hero-balance.scss +++ b/ui/app/css/itcss/components/hero-balance.scss @@ -3,6 +3,7 @@ $break-medium: 780px; $break-large: 576px; .hero-balance { + @media screen and (max-width: $break-small) { display: flex; flex-direction: column; @@ -90,7 +91,9 @@ $break-large: 576px; min-height: 28px; font-size: .7em; } + } } + }
\ No newline at end of file |