some tweaks on request alignment

This commit is contained in:
Lisa Passing 2015-04-10 15:57:57 +02:00
parent 11966b1445
commit b65209e3b1
2 changed files with 34 additions and 30 deletions

View File

@ -30,6 +30,12 @@
@media #{$medium-up}
padding-left: 2em
border-left: 1px solid $grey4
@media #{$xlarge-up}
width: grid-calc(3, 24)
.requests-branch
@media #{$xlarge-up}
width: grid-calc(5, 24)
.tile--jobs
padding-left: 2.5em

View File

@ -9,38 +9,36 @@
<ul class="requests">
{{#each controller itemController="request"}}
<div {{bind-attr class=":tile :tile--jobs :row requestClass" }}>
<div class="tile-status tile-status--job">
<span {{bind-attr class=":icon :icon--job requestClass"}}></span>
</div>
{{!-- icon --}}
<div class="tile-status tile-status--job">
<span {{bind-attr class=":icon :icon--job requestClass"}}></span>
</div>
{{!-- time --}}
<p class="jobs-item requests-time column medium-2">{{format-time created_at}}</p>
{{!-- request branch commit --}}
<p class="jobs-item requests-branch column medium-2">
<span {{bind-attr class=":icon :icon--grey type"}}></span>
{{#if isPullRequest}}
<strong>#{{pullRequestNumber}}</strong>
{{else}}
<strong>{{branchName}}</strong>
{{/if}}
{{github-commit-link repo.slug commit.sha}}
</p>
{{!-- commit message --}}
<p class="jobs-item requests-commit column medium-5">{{{format-message commit.message short="true" repoBinding=build.repo}}}</p>
{{!-- job id --}}
<p class="jobs-item column medium-1">
{{#if build}}
<span class="icon icon-hash"></span>
{{#link-to "build" build}}
{{build.number}}{{/link-to}}
{{else}}
-
{{/if}}
</p>
{{!-- comment --}}
<p class="jobs-item column medium-2">{{message}}</p>
<p class="jobs-item requests-time column medium-2">{{format-time created_at}}</p>
<p class="jobs-item requests-branch column medium-2">
<span {{bind-attr class=":icon :icon--grey type"}}></span>
{{#if isPullRequest}}
<strong>#{{pullRequestNumber}}</strong>
{{else}}
<strong>{{branchName}}</strong>
{{/if}}
{{github-commit-link repo.slug commit.sha}}
</p>
<p class="jobs-item requests-commit column medium-5 large-4">
{{{format-message commit.message short="true" repoBinding=build.repo}}}
</p>
<p class="jobs-item column medium-1">
{{#if build}}
<span class="icon icon-hash"></span>
{{#link-to "build" build}}
{{build.number}}{{/link-to}}
{{else}}
-
{{/if}}
</p>
<p class="jobs-item column medium-2 large-3">{{message}}</p>
</div>
{{/each}}
</ul>