Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-03-23 00:16:25 +01: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?
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} />)
}</div>
);
@ -56,10 +56,12 @@ export default class MetricComponent extends React.Component {
const lastMinutePercent = 1 * calc(lastMinute.yes, lastMinute.yes + lastMinute.no, 0);
return (<div>
<SwitchWithLabel
checked={featureToggle.enabled}
onChange={() => toggleFeature(featureToggle)}>Toggle {featureToggle.name}</SwitchWithLabel>
<hr />
<div style={{ paddingTop: '4px' }}>
<SwitchWithLabel
checked={featureToggle.enabled}
onChange={() => toggleFeature(featureToggle)}>Toggle {featureToggle.name}</SwitchWithLabel>
</div>
<hr style={{ borderColor: '#e0e0e0' }} />
<Grid style={{ textAlign: 'center' }}>
<Cell tablet={4} col={3} phone={12}>
{
@ -93,7 +95,7 @@ export default class MetricComponent extends React.Component {
<AppsLinkList apps={seenApps} />
</Cell>
</Grid>
<hr />
<hr style={{ borderColor: '#e0e0e0' }} />
<StrategiesList strategies={featureToggle.strategies}/>
</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')}
</small>
</h4>
<div>{featureToggle.description}</div>
<div className="mdl-color-text--grey"><small>{featureToggle.description}</small></div>
<Tabs activeTab={activeTabId} ripple style={{ marginBottom: '10px' }}>
<Tab onClick={() => this.goToTab('view', featureToggleName)}>Metrics</Tab>
<Tab onClick={() => this.goToTab('edit', featureToggleName)}>Edit</Tab>