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

small button adjustsments

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/component/feature/list-component.jsx
View File

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

11
frontend/src/component/strategies/list-component.jsx
View File

@ -1,7 +1,7 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { Link } from 'react-router'; 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'; import { HeaderTitle } from '../common';
class StrategiesListComponent extends Component { class StrategiesListComponent extends Component {
@ -25,16 +25,17 @@ class StrategiesListComponent extends Component {
return ( return (
<div> <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> <List>
{strategies.length > 0 ? strategies.map((strategy, i) => { {strategies.length > 0 ? strategies.map((strategy, i) => {
return ( return (
<ListItem key={i}> <ListItem key={i} twoLine>
<ListItemContent> <ListItemContent icon="extension" subtitle={strategy.description}>
<Link to={`/strategies/view/${strategy.name}`}> <Link to={`/strategies/view/${strategy.name}`}>
<strong>{strategy.name}</strong> <strong>{strategy.name}</strong>
</Link> </Link>
<span> {strategy.description}</span></ListItemContent> </ListItemContent>
<IconButton name="delete" onClick={() => removeStrategy(strategy)} /> <IconButton name="delete" onClick={() => removeStrategy(strategy)} />
</ListItem> </ListItem>
); );