1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00

add-strategy list should be scrollable

This commit is contained in:
ivaosthu 2016-12-10 12:54:09 +01:00
parent da5d1e6156
commit 420bd99d1e

View File

@ -30,10 +30,15 @@ class AddStrategy extends React.Component {
}
render () {
const menuStyle = {
maxHeight: '300px',
overflowY: 'auto',
backgroundColor: 'rgb(247, 248, 255)',
};
return (
<div style={{ position: 'relative', width: '25px', height: '25px', display: 'inline-block' }} >
<IconButton name="add" id="strategies-add" colored title="Sort" onClick={this.stopPropagation}/>
<Menu target="strategies-add" valign="bottom" align="right" ripple onClick={
<Menu target="strategies-add" valign="top" align="left" ripple style={menuStyle} onClick={
(e) => this.setSort(e.target.getAttribute('data-target'))}>
<MenuItem disabled>Add Strategy:</MenuItem>
{this.props.strategies.map((s) => <MenuItem key={s.name} onClick={() => this.addStrategy(s.name)}>{s.name}</MenuItem>)}