suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color job number links

Browse Source
This commit is contained in:
Lisa Passing 2015-03-13 11:48:49 +01:00
parent 9ad20dd3bb
commit eb03818bd7
3 changed files with 31 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/styles/app.scss
View File

@ -23,7 +23,7 @@
@import "app/main/log"; @import "app/main/log";
// @import "app/main/repository"; // @import "app/main/repository";
@import "app/main/sponsors"; @import "app/main/sponsors";
@import "app/main/summary"; // @import "app/main/summary";
// @import "app/main/tools"; // @import "app/main/tools";
@import "app/main"; @import "app/main";
@import "app/maximize"; @import "app/maximize";
@ -37,8 +37,8 @@
@import "app/right/sponsors"; @import "app/right/sponsors";
@import "app/right"; @import "app/right";
@import "app/settings"; @import "app/settings";
@import "app/stats"; // @import "app/stats";
@import "app/status"; // @import "app/status";
@import "app/tabs"; @import "app/tabs";
@import "app/tipsy"; @import "app/tipsy";

39
app/styles/app/modules/tiles.sass
View File

@ -6,6 +6,10 @@
.build-status a .build-status a
color: $color color: $color
@mixin colorJobs($color)
.build-status a
color: $color
.tile .tile
@extend border-radius-4px @extend border-radius-4px
overflow: hidden overflow: hidden
@ -21,19 +25,28 @@
width: 1.2em width: 1.2em
height: 0.9em height: 0.9em
&.started, &:not(.tile--jobs)
&.created &.started,
@include colorTiles($start-color) &.created
&.failed @include colorTiles($start-color)
@include colorTiles($fail-color) &.failed
&.errored @include colorTiles($fail-color)
@include colorTiles($error-color) &.errored
&.canceled @include colorTiles($error-color)
@include colorTiles($cancel-color) &.canceled
&.passed @include colorTiles($cancel-color)
@include colorTiles($pass-color) &.passed
&.inactive @include colorTiles($pass-color)
@include colorTiles($cancel-color) &.inactive
@include colorTiles($cancel-color)
&.tile--jobs
&.failed
@include colorJobs($fail-color)
&.errored
@include colorJobs($cancel-color)
&.passed
@include colorJobs($pass-color)
@media #{$medium-up} @media #{$medium-up}
height: 145px height: 145px

4
app/templates/jobs.hbs
View File

@ -13,7 +13,7 @@
{{#each job in view.jobs}} {{#each job in view.jobs}}
{{#view 'jobs-item' context=job}} {{#view 'jobs-item' context=job}}
<div class="tile tile--small tile--jobs row"> <div {{bind-attr class=":tile :tile--small :tile--jobs :row job.state" }}>
<div class="tile-status tile-status--job"> <div class="tile-status tile-status--job">
<span {{bind-attr class=":icon :icon--job job.state"}}></span> <span {{bind-attr class=":icon :icon--job job.state"}}></span>
</div> </div>
@ -24,7 +24,7 @@
</div> </div>
<div class="tile-additional medium-8 columns end"> <div class="tile-additional medium-8 columns end">
<p class="columns small-6 medium-2"> <p class="columns small-6 medium-2 build-status">
<span class="icon icon--hash"></span> <span class="icon icon--hash"></span>
{{#if job.id}} {{#if job.id}}
{{#if job.repo.slug}} {{#if job.repo.slug}}