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> <article>
<section class="commit-section"> <section class="commit-section">
<div class="commit-status"> <div class="row build-row">
<div class="status {{ task.state }}" ng-if="task"></div> <div>
<div class="status {{ build.state }}" ng-if="!task"></div> <div ng-class="[ 'build-num', build.state ]"></div>
</div> </div>
<div class="commit-meta"> <div>
<h3>{{ build.message }}</h3> <h3>{{ build.message }}</h3>
<p><strong>{{ build.author }}</strong> pushed <strong>{{ build.sha.substr(0,8) }}</strong> to <strong>{{ build.branch }}</strong></p> <p><strong>{{ build.author }}</strong> pushed to <strong>{{ build.branch }}</strong> {{ build.started_at | fromNow }}</p>
{{ build.exit_code }} <div style="position:absolute;top:30px;right:30px;color:#CCC;"># {{build.sequence}}</div>
{{ 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>
</div> </div>
</div>
</section> </section>
<section> <section>

View file

@ -30,26 +30,32 @@
<article> <article>
<section class="commit-section"> <section class="commit-section">
<div class="commit-status"> <div class="row build-row">
<div class="status {{ task.state }}" ng-if="task"></div> <div>
<div class="status {{ build.state }}" ng-if="!task"></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>
<div class="commit-meta"> <div>
<h3>{{ build.message }}</h3> <h3>{{ build.message }}</h3>
<p><strong>{{ build.author }}</strong> pushed <strong>{{ build.sha.substr(0,8) }}</strong> to <strong>{{ build.branch }}</strong></p> <p><strong>{{ build.author }}</strong> pushed to <strong>{{ build.branch }}</strong> {{ build.started_at | fromNow }}</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>
</div> </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"> <div ng-repeat="(key, value) in task.environment">
{{ key.toUpperCase() }}={{ value }} {{ key.toUpperCase() }}={{ value }}
</div> </div>
</section> </h3>
</div>
</div>
</section>
<pre id="term" ng-if="task && task.state !== 'pending'"></pre> <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-size: 20px;
font-family: Material-Design-Iconic-Font; font-family: Material-Design-Iconic-Font;
opacity: 1; opacity: 1;
font-size: 20px; font-size: 16px;
content: '\f084'; content: '\f084';
} }
section .build-row .build-num.killed:after, section .build-row .build-num.killed:after,
@ -1422,7 +1422,7 @@ section .build-row .build-num.failure:after {
font-size: 20px; font-size: 20px;
font-family: Material-Design-Iconic-Font; font-family: Material-Design-Iconic-Font;
opacity: 1; opacity: 1;
font-size: 20px; font-size: 16px;
content: "\f082"; content: "\f082";
} }
@ -1506,7 +1506,7 @@ section .build-row.sub-build-row h3 {
font-size:13px; font-size:13px;
margin-bottom:0px; margin-bottom:0px;
margin-top: 12px; 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 { section .build-row.sub-build-row h3 > div {