Improve positioning of caret and add reusable color for wallet view

feature/default_network_editable
sdtsui 7 years ago
parent ba50411bb2
commit 0f140c5db5
  1. 33
      ui/app/components/wallet-view.js
  2. 4
      ui/app/css/itcss/components/newui-sections.scss
  3. 1
      ui/app/css/itcss/settings/variables.scss

@ -57,7 +57,10 @@ WalletView.prototype.render = function () {
]), ]),
h('div.flex-column.flex-center', { h('div.flex-column.flex-center', {
style: {
// constrains size of absolutely positioned wrappers
position: 'relative',
},
}, [ }, [
h('.identicon-wrapper.select-none', { h('.identicon-wrapper.select-none', {
@ -77,31 +80,19 @@ WalletView.prototype.render = function () {
'Account 1' 'Account 1'
]), ]),
// h(AccountDropdowns, { h(AccountDropdowns, {
// style: {
// // position: 'absolute',
// // left: '58.5%',
// // top: '10.25%',
// },
// selected,
// network,
// identities,
// enableAccountsSelector: true,
// }, []),
h('div.flex-column.flex-center,', {
style: { style: {
position: 'absolute', position: 'absolute',
marginLeft: '42px', left: '66.5%',
marginTop: '-10px', top: '19.5%',
}, },
}, h('i.fa.fa-angle-down', {}, [])), selected,
network,
identities,
enableAccountsSelector: true,
}, []),
]), ]),
// position: absolute;
// left: 58.5%;
// top: 10.25%;
h( h(
AccountDropdowns, AccountDropdowns,
{ {

@ -18,7 +18,7 @@
.tx-view { .tx-view {
flex: 63.5 0 66.5%; flex: 63.5 0 66.5%;
background: #FFFFFF; // TODO: add to resuable colors background: $white; // TODO: add to resuable colors
} }
@ -26,7 +26,7 @@
.wallet-view { .wallet-view {
flex: 33.5 0 33.5%; flex: 33.5 0 33.5%;
background: #FAFAFA, // TODO: add to reusable colors background: $wild-sand,
} }
.account-options-menu { .account-options-menu {

@ -11,3 +11,4 @@ $gallery: #EFEFEF;
$alabaster: #F7F7F7; $alabaster: #F7F7F7;
$shark: #22232C; $shark: #22232C;
$wild-sand: #F6F6F6; $wild-sand: #F6F6F6;
$white: #FFFFFF;
Loading…
Cancel
Save