1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-20 00:08:02 +01:00

small button adjustsments

This commit is contained in:
sveisvei 2016-12-10 15:26:28 +01:00
parent 4b9a60a735
commit 6216440644
2 changed files with 18 additions and 22 deletions

View File

@ -52,7 +52,6 @@ export default class FeatureListComponent extends React.PureComponent {
return (
<div>
<div className={styles.topList}>
<Chip onClick={() => this.toggleMetrics()} className={styles.topListItem0}>
{ settings.showLastHour &&
<ChipContact className="mdl-color--teal mdl-color-text--white">
@ -68,8 +67,7 @@ export default class FeatureListComponent extends React.PureComponent {
</ChipContact> }
{ '1 minute' }
</Chip>
<div className={styles.topListItem2} style={{ margin: '-10px 10px 0 10px' }}>
<Textfield
floatingLabel
@ -79,7 +77,7 @@ export default class FeatureListComponent extends React.PureComponent {
style={{ width: '100%' }}
/>
</div>
<div style={{ position: 'relative' }} className={styles.topListItem0}>
<IconButton name="sort" id="demo-menu-top-right" colored title="Sort" />
<Menu target="demo-menu-top-right" valign="bottom" align="right" ripple onClick={
@ -95,23 +93,20 @@ export default class FeatureListComponent extends React.PureComponent {
</Menu>
</div>
<Link to="/features/create" className={styles.topListItem0}>
<FABButton ripple component="span" mini>
<Icon name="add" />
</FABButton>
<IconButton ripple raised name="add" component="span" mini style={{ color: 'black' }}/>
</Link>
</div>
<ul className="demo-list-item mdl-list">
{features.map((feature, i) =>
<Feature key={i}
settings={settings}
metricsLastHour={featureMetrics.lastHour[feature.name]}
metricsLastMinute={featureMetrics.lastMinute[feature.name]}
feature={feature}
onFeatureClick={onFeatureClick}
onFeatureRemove={onFeatureRemove}/>
)}
{features.map((feature, i) =>
<Feature key={i}
settings={settings}
metricsLastHour={featureMetrics.lastHour[feature.name]}
metricsLastMinute={featureMetrics.lastMinute[feature.name]}
feature={feature}
onFeatureClick={onFeatureClick}
onFeatureRemove={onFeatureRemove}/>
)}
</ul>
<hr />
<Link to="/features/create" className={styles.topListItem0}>

View File

@ -1,7 +1,7 @@
import React, { Component } from 'react';
import { Link } from 'react-router';
import { List, ListItem, ListItemContent, IconButton, Chip } from 'react-mdl';
import { List, ListItem, ListItemContent, Chip, Icon, IconButton } from 'react-mdl';
import { HeaderTitle } from '../common';
class StrategiesListComponent extends Component {
@ -25,16 +25,17 @@ class StrategiesListComponent extends Component {
return (
<div>
<HeaderTitle title="Strategies" actions={<IconButton name="add" onClick={() => this.context.router.push('/strategies/create')} title="Add new strategy"/>} />
<HeaderTitle title="Strategies"
actions={<IconButton mini raised name="add" onClick={() => this.context.router.push('/strategies/create')} title="Add new strategy" />} />
<List>
{strategies.length > 0 ? strategies.map((strategy, i) => {
return (
<ListItem key={i}>
<ListItemContent>
<ListItem key={i} twoLine>
<ListItemContent icon="extension" subtitle={strategy.description}>
<Link to={`/strategies/view/${strategy.name}`}>
<strong>{strategy.name}</strong>
</Link>
<span> {strategy.description}</span></ListItemContent>
</ListItemContent>
<IconButton name="delete" onClick={() => removeStrategy(strategy)} />
</ListItem>
);