diff --git a/public/css/unleash.css b/public/css/unleash.css index e69de29bb2..62e01e0b91 100644 --- a/public/css/unleash.css +++ b/public/css/unleash.css @@ -0,0 +1,16 @@ +.toggle-active { + border: 1px solid black; + display: inline-block; + background-color: #3B7908; + border-radius: 50%; + width: 20px; + height: 20px; +} +.toggle-inactive { + border: 1px solid black; + display: inline-block; + background-color: #E7384A; + border-radius: 50%; + width: 20px; + height: 20px; +} \ No newline at end of file diff --git a/public/js/components/feature/Feature.jsx b/public/js/components/feature/Feature.jsx index 7bc568c9b0..e88091905b 100644 --- a/public/js/components/feature/Feature.jsx +++ b/public/js/components/feature/Feature.jsx @@ -37,11 +37,13 @@ var Feature = React.createClass({ }, renderViewMode: function() { - var strikeThrough = this.props.feature.enabled ? '' : 'strikethrough'; - return ( - + + + + + {this.props.feature.name} @@ -53,7 +55,7 @@ var Feature = React.createClass({ {this.props.feature.strategy} - + diff --git a/public/js/components/feature/FeatureList.jsx b/public/js/components/feature/FeatureList.jsx index 7fbf6c7bf1..9f42451e7c 100644 --- a/public/js/components/feature/FeatureList.jsx +++ b/public/js/components/feature/FeatureList.jsx @@ -17,6 +17,7 @@ var FeatureList = React.createClass({ +
Name Description Strategy