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} @media #{$medium-up}
padding-left: 2em padding-left: 2em
border-left: 1px solid $grey4 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 .tile--jobs
padding-left: 2.5em padding-left: 2.5em

View File

@ -9,14 +9,12 @@
<ul class="requests"> <ul class="requests">
{{#each controller itemController="request"}} {{#each controller itemController="request"}}
<div {{bind-attr class=":tile :tile--jobs :row requestClass" }}> <div {{bind-attr class=":tile :tile--jobs :row requestClass" }}>
{{!-- icon --}}
<div class="tile-status tile-status--job"> <div class="tile-status tile-status--job">
<span {{bind-attr class=":icon :icon--job requestClass"}}></span> <span {{bind-attr class=":icon :icon--job requestClass"}}></span>
</div> </div>
{{!-- time --}}
<p class="jobs-item requests-time column medium-2">{{format-time created_at}}</p> <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"> <p class="jobs-item requests-branch column medium-2">
<span {{bind-attr class=":icon :icon--grey type"}}></span> <span {{bind-attr class=":icon :icon--grey type"}}></span>
{{#if isPullRequest}} {{#if isPullRequest}}
@ -26,9 +24,11 @@
{{/if}} {{/if}}
{{github-commit-link repo.slug commit.sha}} {{github-commit-link repo.slug commit.sha}}
</p> </p>
{{!-- commit message --}}
<p class="jobs-item requests-commit column medium-5">{{{format-message commit.message short="true" repoBinding=build.repo}}}</p> <p class="jobs-item requests-commit column medium-5 large-4">
{{!-- job id --}} {{{format-message commit.message short="true" repoBinding=build.repo}}}
</p>
<p class="jobs-item column medium-1"> <p class="jobs-item column medium-1">
{{#if build}} {{#if build}}
<span class="icon icon-hash"></span> <span class="icon icon-hash"></span>
@ -38,9 +38,7 @@
- -
{{/if}} {{/if}}
</p> </p>
{{!-- comment --}} <p class="jobs-item column medium-2 large-3">{{message}}</p>
<p class="jobs-item column medium-2">{{message}}</p>
</div> </div>
{{/each}} {{/each}}
</ul> </ul>