Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-06-09 01:17:06 +02:00
Code Issues Projects Releases Wiki Activity

left align and color tweaks

Browse Source
This commit is contained in:
sveisvei 2017-01-02 09:26:36 +01:00
parent bb767c1ca5
commit 6c701989ee
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/component/feature/metric-component.jsx
View File

@ -16,7 +16,7 @@ const StrategyChipItem = ({ strategy }) => (
// TODO what about "missing" strategies here? // TODO what about "missing" strategies here?
const StrategiesList = ({ strategies }) => ( const StrategiesList = ({ strategies }) => (
<div style={{ verticalAlign: 'middle', textAlign: 'center' }}>With {strategies.length > 1 ? 'strategies' : 'strategy'} { <div style={{ verticalAlign: 'middle' }}>With {strategies.length > 1 ? 'strategies' : 'strategy'} {
strategies.map((strategy, i) => <StrategyChipItem key={i} strategy={strategy} />) strategies.map((strategy, i) => <StrategyChipItem key={i} strategy={strategy} />)
}</div> }</div>
); );
@ -56,10 +56,12 @@ export default class MetricComponent extends React.Component {
const lastMinutePercent = 1 * calc(lastMinute.yes, lastMinute.yes + lastMinute.no, 0); const lastMinutePercent = 1 * calc(lastMinute.yes, lastMinute.yes + lastMinute.no, 0);
return (<div> return (<div>
<SwitchWithLabel <div style={{ paddingTop: '4px' }}>
checked={featureToggle.enabled} <SwitchWithLabel
onChange={() => toggleFeature(featureToggle)}>Toggle {featureToggle.name}</SwitchWithLabel> checked={featureToggle.enabled}
<hr /> onChange={() => toggleFeature(featureToggle)}>Toggle {featureToggle.name}</SwitchWithLabel>
</div>
<hr style={{ borderColor: '#e0e0e0' }} />
<Grid style={{ textAlign: 'center' }}> <Grid style={{ textAlign: 'center' }}>
<Cell tablet={4} col={3} phone={12}> <Cell tablet={4} col={3} phone={12}>
{ {
@ -93,7 +95,7 @@ export default class MetricComponent extends React.Component {
<AppsLinkList apps={seenApps} /> <AppsLinkList apps={seenApps} />
</Cell> </Cell>
</Grid> </Grid>
<hr /> <hr style={{ borderColor: '#e0e0e0' }} />
<StrategiesList strategies={featureToggle.strategies}/> <StrategiesList strategies={featureToggle.strategies}/>
</div>); </div>);
} }

2
frontend/src/component/feature/view-component.jsx
View File

@ -83,7 +83,7 @@ export default class ViewFeatureToggleComponent extends React.Component {
Created {(new Date(featureToggle.createdAt)).toLocaleString('nb-NO')} Created {(new Date(featureToggle.createdAt)).toLocaleString('nb-NO')}
</small> </small>
</h4> </h4>
<div>{featureToggle.description}</div> <div className="mdl-color-text--grey"><small>{featureToggle.description}</small></div>
<Tabs activeTab={activeTabId} ripple style={{ marginBottom: '10px' }}> <Tabs activeTab={activeTabId} ripple style={{ marginBottom: '10px' }}>
<Tab onClick={() => this.goToTab('view', featureToggleName)}>Metrics</Tab> <Tab onClick={() => this.goToTab('view', featureToggleName)}>Metrics</Tab>
<Tab onClick={() => this.goToTab('edit', featureToggleName)}>Edit</Tab> <Tab onClick={() => this.goToTab('edit', featureToggleName)}>Edit</Tab>