m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-23 11:46:13 +02:00
Code

Center account selection dropdown and specify useCssTransition prop

Browse Source
This commit is contained in:
sdtsui 2017-08-14 08:50:49 +02:00
parent f2f2d35992
commit 1743ccbdb5
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/app/components/dropdowns/components/account-dropdowns.js
View File

@ -64,16 +64,16 @@ class AccountDropdowns extends Component {
} }
renderAccountSelector () { renderAccountSelector () {
const { actions, dropdownWrapperStyle } = this.props const { actions, dropdownWrapperStyle, useCssTransition } = this.props
const { accountSelectorActive, menuItemStyles } = this.state const { accountSelectorActive, menuItemStyles } = this.state
return h( return h(
Dropdown, Dropdown,
{ {
useCssTransition: true, // Hardcoded because account selector is temporarily in app-header useCssTransition,
style: { style: {
marginLeft: '-238px', marginLeft: '-185px',
marginTop: '38px', marginTop: '50px',
minWidth: '180px', minWidth: '180px',
overflowY: 'auto', overflowY: 'auto',
maxHeight: '300px', maxHeight: '300px',
@ -150,12 +150,13 @@ class AccountDropdowns extends Component {
} }
renderAccountOptions () { renderAccountOptions () {
const { actions, dropdownWrapperStyle } = this.props const { actions, dropdownWrapperStyle, useCssTransition } = this.props
const { optionsMenuActive, menuItemStyles } = this.state const { optionsMenuActive, menuItemStyles } = this.state
return h( return h(
Dropdown, Dropdown,
{ {
useCssTransition,
style: Object.assign( style: Object.assign(
{ {
marginLeft: '-10px', marginLeft: '-10px',

2
ui/app/components/wallet-view.js
View File

@ -72,6 +72,7 @@ WalletView.prototype.render = function () {
selected: selectedAddress, selected: selectedAddress,
network, network,
identities, identities,
useCssTransition: true,
enableAccountOptions: true, enableAccountOptions: true,
dropdownWrapperStyle: { dropdownWrapperStyle: {
padding: '1px 15px', padding: '1px 15px',
@ -100,6 +101,7 @@ WalletView.prototype.render = function () {
left: 'calc(50% + 28px + 5.5px)', left: 'calc(50% + 28px + 5.5px)',
top: '14px', top: '14px',
}, },
useCssTransition: true,
selected: selectedAddress, selected: selectedAddress,
network, network,
identities, identities,