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>
<article>
<section>
<div class="search clearfix">
<a href="/new">Add Repo</a>
</div>
<a href="/new">New</a>
<table border="1">
<thead>
<tr>
<th>Repo</th>
<th>Status</th>
<th>Number</th>
<th>Started</th>
<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>
<a class="row build-row" ng-repeat="repo in repos | orderBy:'full_name'" ng-href="/{{ repo.full_name }}">
<div>
<div class="build-num success">&nbsp;</div>
</div>
<div>
<h3>{{ repo.owner }} / {{ repo.name }}</h3>
<p>{{ repo.clone_url }}</p>
</div>
</a>
</section>
</article>

View file

@ -1287,6 +1287,7 @@ article > pre {
word-wrap: break-word;
padding: 30px;
margin-top:30px;
border-radius:2px;
}
article {
@ -1303,6 +1304,7 @@ section {
padding:0px;
margin-top:30px;
border:1px solid #EEE;
border-radius:2px;
}
section h2 {
@ -1361,7 +1363,7 @@ section .build-row .build-num {
}
.success {
background:#26A65B;
background:#66BB6A;
}
.error,
.killed,
@ -1384,6 +1386,27 @@ section .build-row strong {
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 {
white-space: pre-wrap;
word-wrap: break-word;
@ -1394,6 +1417,19 @@ pre.key {
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) {
.breadcrumb a.icon-home {
position: static;
@ -1404,4 +1440,5 @@ pre.key {
padding-top:0px;
margin-top:-5px;
}
}
}