added overall build status to header

This commit is contained in:
Brad Rydzewski 2015-08-10 00:29:04 -07:00
parent c1d18b65bb
commit daa29edbc6
2 changed files with 23 additions and 18 deletions

View file

@ -7,7 +7,7 @@
<div class="build-section"> <div class="build-section">
<div class="status"><i class="material-icons">close</i></div><!--remove--> <div class="status"><i class="material-icons">close</i></div><!--remove-->
<div class="build-summary"> <div class="build-summary">
<h2>{{ build.head_commit.message }}</h2> <h2><small class="status {{build.status}}">{{ build.status }}</small>{{ build.head_commit.message }}</h2>
<p><em>{{ build.head_commit.author.login }}</em> pushed to <em>{{ build.head_commit.branch }}</em> {{ build.started_at | fromNow }}</p> <p><em>{{ build.head_commit.author.login }}</em> pushed to <em>{{ build.head_commit.branch }}</em> {{ build.started_at | fromNow }}</p>
</div> </div>
</div> </div>
@ -38,4 +38,4 @@
<pre id="term"></pre> <pre id="term"></pre>
</article> </article>
</main> </main>

View file

@ -171,9 +171,9 @@ main aside > div {
font-weight:300; font-weight:300;
} }
@media (-webkit-min-device-pixel-ratio: 1) { @media (-webkit-min-device-pixel-ratio: 1) {
.console pre { .console pre {
font-weight:400; font-weight:400;
line-height:20px; line-height:20px;
font-size:13px; font-size:13px;
} }
@ -306,7 +306,19 @@ main aside > div {
box-sizing: border-box; box-sizing: border-box;
} }
.build-summary h2 { .build-summary h2 {
line-height:21px; line-height:23px;
}
.build-summary h2 small {
font-size: 11px;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 2px;
margin-right: 5px;
vertical-align: top;
color:#FFF;
width:auto;
height:auto;
display:inline;
} }
.build-summary p { .build-summary p {
margin-top:10px; margin-top:10px;
@ -623,18 +635,18 @@ pre.snippet {
.status.running i, .status.running i,
.status.pending i { .status.pending i {
-webkit-animation-name: delayed-rotate; -webkit-animation-name: delayed-rotate;
-webkit-animation-duration: 1s; -webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
-moz-animation-name: delayed-rotate; -moz-animation-name: delayed-rotate;
-moz-animation-duration: 1s; -moz-animation-duration: 1s;
-moz-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out;
animation-name: delayed-rotate; animation-name: delayed-rotate;
animation-duration: 1s; animation-duration: 1s;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
} }
@ -694,10 +706,3 @@ section.search menu i {
/* /*
* Lists * Lists
*/ */