aboutsummaryrefslogtreecommitdiffstats
path: root/ui
diff options
context:
space:
mode:
authorsdtsui <szehungdanieltsui@gmail.com>2017-08-07 14:12:40 +0800
committersdtsui <szehungdanieltsui@gmail.com>2017-08-07 14:12:40 +0800
commitd8fff0fc8c25d1bd0a287502ca633a44a7844911 (patch)
tree13243506e4d882beb9afebd7f1ac3f53f5895e2b /ui
parent0f140c5db59e72836ec437063314b39f33bae100 (diff)
downloadtangerine-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.js7
-rw-r--r--ui/app/css/itcss/components/hero-balance.scss3
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