diff options
author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-07 11:24:04 +0800 |
---|---|---|
committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-07 11:24:04 +0800 |
commit | 5c7adc911d8abb0b066e1f84c2a46b7a1cea6cdc (patch) | |
tree | 3b19a2c80b0645cc1e5417ea4752cc30960a42b9 /ui/app/components/dropdown.js | |
parent | 02c2106c3bb6900801cf5ffe4a1d9bd46183b089 (diff) | |
parent | 50fc9c965842f023180630267ecd8dc4f47e9cd6 (diff) | |
download | tangerine-wallet-browser-5c7adc911d8abb0b066e1f84c2a46b7a1cea6cdc.tar tangerine-wallet-browser-5c7adc911d8abb0b066e1f84c2a46b7a1cea6cdc.tar.gz tangerine-wallet-browser-5c7adc911d8abb0b066e1f84c2a46b7a1cea6cdc.tar.bz2 tangerine-wallet-browser-5c7adc911d8abb0b066e1f84c2a46b7a1cea6cdc.tar.lz tangerine-wallet-browser-5c7adc911d8abb0b066e1f84c2a46b7a1cea6cdc.tar.xz tangerine-wallet-browser-5c7adc911d8abb0b066e1f84c2a46b7a1cea6cdc.tar.zst tangerine-wallet-browser-5c7adc911d8abb0b066e1f84c2a46b7a1cea6cdc.zip |
Merge branch 'NewUI' into feat/mm-ui-5-merged
Diffstat (limited to 'ui/app/components/dropdown.js')
-rw-r--r-- | ui/app/components/dropdown.js | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/ui/app/components/dropdown.js b/ui/app/components/dropdown.js index 759800fd6..34c7149ee 100644 --- a/ui/app/components/dropdown.js +++ b/ui/app/components/dropdown.js @@ -1,14 +1,14 @@ const Component = require('react').Component const PropTypes = require('react').PropTypes const h = require('react-hyperscript') -const MenuDroppo = require('menu-droppo') +const MenuDroppo = require('./menu-droppo') const extend = require('xtend') const noop = () => {} class Dropdown extends Component { render () { - const { isOpen, onClickOutside, style, innerStyle, children } = this.props + const { isOpen, onClickOutside, style, innerStyle, children, useCssTransition } = this.props const innerStyleDefaults = extend({ borderRadius: '4px', @@ -20,6 +20,7 @@ class Dropdown extends Component { return h( MenuDroppo, { + useCssTransition, isOpen, zIndex: 11, onClickOutside, @@ -43,6 +44,7 @@ class Dropdown extends Component { Dropdown.defaultProps = { isOpen: false, onClick: noop, + useCssTransition: false, } Dropdown.propTypes = { @@ -54,7 +56,7 @@ Dropdown.propTypes = { class DropdownMenuItem extends Component { render () { - const { onClick, closeMenu, children } = this.props + const { onClick, closeMenu, children, style } = this.props return h( 'li.dropdown-menu-item', @@ -63,17 +65,17 @@ class DropdownMenuItem extends Component { onClick() closeMenu() }, - style: { + style: Object.assign({ listStyle: 'none', padding: '8px 0px 8px 0px', - fontSize: '12px', + fontSize: '18px', fontStyle: 'normal', fontFamily: 'Montserrat Regular', cursor: 'pointer', display: 'flex', justifyContent: 'flex-start', alignItems: 'center', - }, + }, style), }, children ) |