minor styling updates. better but not finished

This commit is contained in:
Brad Rydzewski 2015-06-01 22:09:31 -07:00
parent bddd426ea9
commit 0b28ed0f9a
3 changed files with 30 additions and 26 deletions

View file

@ -27,20 +27,18 @@
<article>
<section class="commit-section">
<div class="commit-status">
<div class="status {{ task.state }}" ng-if="task"></div>
<div class="status {{ build.state }}" ng-if="!task"></div>
<div class="row build-row">
<div>
<div ng-class="[ 'build-num', build.state ]"></div>
</div>
<div class="commit-meta">
<div>
<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>
<p><strong>{{ build.author }}</strong> pushed to <strong>{{ build.branch }}</strong> {{ build.started_at | fromNow }}</p>
<div style="position:absolute;top:30px;right:30px;color:#CCC;"># {{build.sequence}}</div>
</div>
</div>
</section>
<section>

View file

@ -30,26 +30,32 @@
<article>
<section class="commit-section">
<div class="commit-status">
<div class="status {{ task.state }}" ng-if="task"></div>
<div class="status {{ build.state }}" ng-if="!task"></div>
<div class="row build-row">
<div>
<div ng-class="[ 'build-num', task.state ]" ng-if="task"></div>
<div ng-class="[ 'build-num', build.state ]" ng-if="!task"></div>
</div>
<div class="commit-meta">
<div>
<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>
<p><strong>{{ build.author }}</strong> pushed to <strong>{{ build.branch }}</strong> {{ build.started_at | fromNow }}</p>
</div>
</div>
<div class="row build-row sub-build-row">
<div>
</div>
<div>
<h3 style="margin-top:0px">
<div ng-repeat="(key, value) in task.environment">
{{ key.toUpperCase() }}={{ value }}
</div>
</section>
</h3>
</div>
</div>
</section>
<pre id="term" ng-if="task && task.state !== 'pending'"></pre>

View file

@ -1409,7 +1409,7 @@ section .build-row .build-num.success:after {
font-size: 20px;
font-family: Material-Design-Iconic-Font;
opacity: 1;
font-size: 20px;
font-size: 16px;
content: '\f084';
}
section .build-row .build-num.killed:after,
@ -1422,7 +1422,7 @@ section .build-row .build-num.failure:after {
font-size: 20px;
font-family: Material-Design-Iconic-Font;
opacity: 1;
font-size: 20px;
font-size: 16px;
content: "\f082";
}
@ -1506,7 +1506,7 @@ section .build-row.sub-build-row h3 {
font-size:13px;
margin-bottom:0px;
margin-top: 12px;
font-family: "Droid Sans Mono","Roboto","Arial";
/*font-family: "Droid Sans Mono","Roboto","Arial";*/
}
section .build-row.sub-build-row h3 > div {