summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAdam Coldrick <adam@sotk.co.uk>2015-09-27 00:13:46 +0100
committerAdam Coldrick <adam@sotk.co.uk>2015-09-28 20:26:11 +0100
commit65b8aa1e35c8a9d00c2eb7247f0327ed5b90eec7 (patch)
tree8b5b10cb57c4efd76aa7a148a55e55f50b8db63d
parentc3aac2de97d4d79d0fa1c0040bc7c46bdf0a6602 (diff)
downloadciat-ui-65b8aa1e35c8a9d00c2eb7247f0327ed5b90eec7.tar.gz
Detail improvements
-rw-r--r--index.html5
-rw-r--r--style.css5
2 files changed, 8 insertions, 2 deletions
diff --git a/index.html b/index.html
index 1f198b4..e01daeb 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
</head>
<body ng-app="ciat">
<h1><em>Baserock</em> <span>|</span> CIAT</h1>
- <div class="container" ng-controller="VisualisationController" ng-click="select()" style="height: 100%">
+ <div class="container" ng-controller="VisualisationController" ng-click="select()">
<div class="visualisation">
<div class="box"
ng-class="{'pass': step.lastBuild.success, 'active': step.data.state == 'building', 'fail': step.lastBuild.failed}"
@@ -18,7 +18,8 @@
</div>
<br />
<div class="detail"
- ng-show="selected">
+ ng-show="selected"
+ ng-click="$event.stopPropagation()">
<h3>{{selected.name}}</h3>
<strong>State:</strong> {{selected.data.state}}
<br />
diff --git a/style.css b/style.css
index 831f846..6c39ae2 100644
--- a/style.css
+++ b/style.css
@@ -83,4 +83,9 @@ h1>span {
display: inline-block;
padding: 1em;
border-radius: 0.5em;
+ width: 50%;
+}
+
+.container {
+ height: 85%;
}