Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00
Code Issues Projects Releases Wiki Activity

add-strategy list should be scrollable

Browse Source
This commit is contained in:
ivaosthu 2016-12-10 12:54:09 +01:00
parent da5d1e6156
commit 420bd99d1e
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/component/feature/form/strategies-add.jsx
View File

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