added style to sub-build page
This commit is contained in:
parent
33b4a02787
commit
2c1e4f3612
2 changed files with 46 additions and 34 deletions
|
@ -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>
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue