style for repository page (no status yet)

This commit is contained in:
Brad Rydzewski 2015-05-21 00:59:16 -07:00
parent 548db95602
commit 34ce9b8f76
2 changed files with 53 additions and 28 deletions

View File

@ -13,34 +13,22 @@
</div> </div>
<article> <article>
<section> <section>
<div class="search clearfix">
<a href="/new">Add Repo</a>
</div>
<a href="/new">New</a> <a class="row build-row" ng-repeat="repo in repos | orderBy:'full_name'" ng-href="/{{ repo.full_name }}">
<div>
<table border="1"> <div class="build-num success">&nbsp;</div>
<thead> </div>
<tr> <div>
<th>Repo</th> <h3>{{ repo.owner }} / {{ repo.name }}</h3>
<th>Status</th> <p>{{ repo.clone_url }}</p>
<th>Number</th> </div>
<th>Started</th> </a>
<th>Duration</th>
<th>Branch</th>
<th>Commit</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="repo in repos">
<td><a ng-href="{{ repo.full_name }}">{{ repo.full_name }}</a></td>
<td>{{ repo.last_build.state }}</td>
<td><a ng-href="{{ repo.full_name }}/{{ repo.last_build.number }}">{{ repo.last_build.number }}</a></td>
<td>{{ repo.last_build.started_at | fromNow }}</td>
<td>{{ repo.last_build.duration | toDuration }}</td>
<td>{{ repo.last_build.head_commit.ref || repo.last_build.pull_request.source.ref }}</td>
<td>{{ repo.last_build.head_commit.sha || repo.last_build.pull_request.source.ref }}</td>
</tr>
</tbody>
</table>
</section> </section>
</article> </article>

View File

@ -1287,6 +1287,7 @@ article > pre {
word-wrap: break-word; word-wrap: break-word;
padding: 30px; padding: 30px;
margin-top:30px; margin-top:30px;
border-radius:2px;
} }
article { article {
@ -1303,6 +1304,7 @@ section {
padding:0px; padding:0px;
margin-top:30px; margin-top:30px;
border:1px solid #EEE; border:1px solid #EEE;
border-radius:2px;
} }
section h2 { section h2 {
@ -1361,7 +1363,7 @@ section .build-row .build-num {
} }
.success { .success {
background:#26A65B; background:#66BB6A;
} }
.error, .error,
.killed, .killed,
@ -1384,6 +1386,27 @@ section .build-row strong {
font-weight:normal; font-weight:normal;
} }
section > .search {
padding:30px;
padding: 20px;
padding-bottom: 5px;
}
section > .search a {
text-decoration: none;
background: #00BCD4;
background: #9E9E9E;
padding: 12px 20px;
color: rgba(255,255,255,0.8);
float:right;
transition: all .5s;
border-radius:2px;
}
section > .search a:hover {
background: #00ACC1;
}
pre.key { pre.key {
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
@ -1394,6 +1417,19 @@ pre.key {
font-family: "Droid Sans Mono","Roboto","Arial"; font-family: "Droid Sans Mono","Roboto","Arial";
} }
textarea:focus, input:focus{
outline: 0;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
@media (max-width: 990px) { @media (max-width: 990px) {
.breadcrumb a.icon-home { .breadcrumb a.icon-home {
position: static; position: static;
@ -1405,3 +1441,4 @@ pre.key {
margin-top:-5px; margin-top:-5px;
} }
} }