m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-22 09:23:21 +01: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 () {
const { actions, dropdownWrapperStyle } = this.props
const { actions, dropdownWrapperStyle, useCssTransition } = this.props
const { accountSelectorActive, menuItemStyles } = this.state
return h(
Dropdown,
{
useCssTransition: true, // Hardcoded because account selector is temporarily in app-header
useCssTransition,
style: {
marginLeft: '-238px',
marginTop: '38px',
marginLeft: '-185px',
marginTop: '50px',
minWidth: '180px',
overflowY: 'auto',
maxHeight: '300px',
@ -150,12 +150,13 @@ class AccountDropdowns extends Component {
}
renderAccountOptions () {
const { actions, dropdownWrapperStyle } = this.props
const { actions, dropdownWrapperStyle, useCssTransition } = this.props
const { optionsMenuActive, menuItemStyles } = this.state
return h(
Dropdown,
{
useCssTransition,
style: Object.assign(
{
marginLeft: '-10px',

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

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