diff options
| author | Pedro Alvarez <pedro.alvarez@codethink.co.uk> | 2015-09-29 16:10:03 +0100 |
|---|---|---|
| committer | Pedro Alvarez <pedro.alvarez@codethink.co.uk> | 2015-09-29 16:10:03 +0100 |
| commit | 5ac5196f4080823873ff351bc23cb7dac0692ac3 (patch) | |
| tree | 6369cf17680214c64cb75dc9b4c615a790995ade | |
| parent | da220fa43ee3039910d61ce4e44152f29034aed2 (diff) | |
| download | ciat-ui-5ac5196f4080823873ff351bc23cb7dac0692ac3.tar.gz | |
Put lanes vertically
| -rw-r--r-- | partials/visualisation.html | 62 |
1 files changed, 35 insertions, 27 deletions
diff --git a/partials/visualisation.html b/partials/visualisation.html index ae310fa..19fd886 100644 --- a/partials/visualisation.html +++ b/partials/visualisation.html @@ -2,40 +2,48 @@ ng-style="selected && {'top': '35%'}"> - <div class="lane"> - <div class="box" - ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" - ng-repeat="step in integrations" - ng-click="select(step, $event)"> - {{step.name}} + <div class="row"> + + <div class="lane col-md-2"></div> + + <div class="lane col-md-2"> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in integrations" + ng-click="select(step, $event)"> + {{step.name}} + </div> </div> - </div> - <div class="lane"> - <div class="box" - ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" - ng-repeat="step in builds" - ng-click="select(step, $event)"> - {{step.name}} + <div class="lane col-md-2"> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in builds" + ng-click="select(step, $event)"> + {{step.name}} + </div> </div> - </div> - <div class="lane"> - <div class="box" - ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" - ng-repeat="step in deploys" - ng-click="select(step, $event)"> - {{step.name}} + <div class="lane col-md-2"> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in deploys" + ng-click="select(step, $event)"> + {{step.name}} + </div> </div> - </div> - <div class="lane"> - <div class="box" - ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" - ng-repeat="step in tests" - ng-click="select(step, $event)"> - {{step.name}} + <div class="lane col-md-2"> + <div class="box" + ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}" + ng-repeat="step in tests" + ng-click="select(step, $event)"> + {{step.name}} + </div> </div> + + <div class="lane col-md-2"></div> + </div> <br /> |