added style to sub-build page

This commit is contained in:
Brad Rydzewski 2015-05-28 22:08:29 -07:00
parent 33b4a02787
commit 2c1e4f3612
2 changed files with 46 additions and 34 deletions

View file

@ -36,48 +36,40 @@
<div class="status {{ build.state }}" ng-if="!task"></div>
</div>
<div class="commit-meta">
<h2>{{ build.message }}</h2>
<h3>authored <span>{{ build.created_at | fromNow }}</span> by <span>@{{ build.author }}</span></h3>
<h3>{{ build.message }}</h3>
<p><strong>{{ build.author }}</strong> pushed <strong>{{ build.sha.substr(0,8) }}</strong> to <strong>{{ build.branch }}</strong></p>
{{ build.exit_code }}
{{ build.started_at | fromNow }}
<span class="octicon octicon-git-commit">{{ build.sha.substr(0,8) }}</span>
<span class="octicon octicon-git-branch">{{ build.branch }}</span>
<span class="octicon octicon-clock" style="background:#FFF;">{{ build.duration | toDuration }} duration</span>
<span class="octicon octicon-settings" style="color: #BDBDBD; background:#FFF;position:absolute;top:20px;right:10px;padding:0px;font-size:24px;opacity:0.8;margin:0px;"></span>
<span class="md md-more-horiz" style="position:absolute;bottom:20px;right:20px;color:#BDBDBD;font-size:24px;opacity:0.8;margin:0px;"></span>
</div>
</section>
<section ng-if="build.builds.length > 1">
<table border="1">
<thead>
<tr>
<th>Number</th>
<th>Status</th>
<th>Started</th>
<th>Finished</th>
<th>Duration</th>
<th>Exit Code</th>
<th>Matrix</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="task in build.builds">
<td><a ng-href="{{ repo.full_name }}/{{ build.sequence }}/{{ task.sequence }}">{{ task.sequence }}</a></td>
<td>{{ task.state }}</td>
<td>{{ task.started_at | fromNow }}</td>
<td>{{ task.finished_at | fromNow }}</td>
<td>{{ task.duration | toDuration }}</td>
<td>{{ task.exit_code }}</td>
<td>{{ task.environment }}</td>
</tr>
</tbody>
</table>
<a class="row build-row sub-build-row" ng-repeat="task in build.builds" ng-href="{{ repo.full_name }}/{{ build.sequence }}/{{ task.sequence }}">
<div>
<div ng-class="[ 'build-num', build.state ]">{{task.sequence}}</div>
</div>
<div>
<h3>
<div ng-repeat="(key, value) in task.environment">
{{ key.toUpperCase() }}={{ value }}
</div>
</h3>
</div>
</a>
</section>
<pre id="term" ng-if="task && task.state !== 'pending'" ng-class="[task.state]"></pre>
<pre id="term" ng-if="task && task.state !== 'pending'"></pre>

View file

@ -1236,6 +1236,7 @@ header .logo {
height:56px;
position: sticky;
top: 0px;
z-index:1;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
box-shadow: none;
@ -1298,6 +1299,7 @@ pre.failure {
background: #424242;
}
article > pre {
font-family: "Droid Sans Mono","Roboto","Arial";
font-size: 13px;
@ -1460,6 +1462,24 @@ section .build-row strong {
font-weight:normal;
}
section .build-row.sub-build-row > div {
padding-top:20px;
padding-bottom:20px;
}
section .build-row.sub-build-row h3 {
color:#212121;
font-size:15px;
margin-bottom:0px;
margin-top: 12px;
}
section .build-row.sub-build-row h3 > div {
margin-bottom:5px;
}
section .build-row.sub-build-row h3 > div:last-child {
margin-bottom:0px;
}
section > .search {
padding:30px;
@ -1659,8 +1679,8 @@ input:checked + .switch:active::before {
.btn-remove:before {
content: "\f102";
font-family:"Material-Design-Iconic-Font";
line-height:25px;
width:25px;
/*line-height:25px;
width:25px;*/
vertical-align: middle;
text-align: center;
display:inline-block;
@ -1674,8 +1694,8 @@ input:checked + .switch:active::before {
.btn-admin:before {
content: "\f08e";
font-family:"Material-Design-Iconic-Font";
line-height:25px;
width:25px;
/*line-height:25px;
width:25px;*/
vertical-align: middle;
text-align: center;
display:inline-block;