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

try border

Browse Source
This commit is contained in:
Lisa P 2016-03-14 15:55:52 +01:00
parent f482c8be36
commit fdd07e83b4
4 changed files with 29 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/styles/app/layouts/jobs.sass
View File

@ -23,15 +23,15 @@
.jobs-item .jobs-item
border: 1px solid $cream-dark border: 1px solid $cream-dark
margin-bottom: 5px margin-bottom: 5px
@include colorJobs($turf-green, 'passed', 6px, $seed-green) @include colorJobs($turf-green, 'passed', 3px, $seed-green)
@include colorJobs($brick-red, 'failed', 6px, $quartz-red) @include colorJobs($brick-red, 'failed', 3px, $quartz-red)
@include colorJobs($brick-red, 'errored', 6px, $quartz-red) @include colorJobs($brick-red, 'errored', 3px, $quartz-red)
@include colorJobs($cement-grey, 'canceled', 6px, $pebble-grey) @include colorJobs($cement-grey, 'canceled', 3px, $pebble-grey)
@include colorJobs($canary-yellow, 'started', 6px, $haze-yellow, true) @include colorJobs($canary-yellow, 'started', 3px, $haze-yellow, true)
@include colorJobs($canary-yellow, 'queued', 6px, $haze-yellow, true) @include colorJobs($canary-yellow, 'queued', 3px, $haze-yellow, true)
@include colorJobs($canary-yellow, 'booting', 6px, $haze-yellow, true) @include colorJobs($canary-yellow, 'booting', 3px, $haze-yellow, true)
@include colorJobs($canary-yellow, 'received', 6px, $haze-yellow, true) @include colorJobs($canary-yellow, 'received', 3px, $haze-yellow, true)
@include colorJobs($canary-yellow, 'created', 6px, $haze-yellow, true) @include colorJobs($canary-yellow, 'created', 3px, $haze-yellow, true)
@include colorFadeOut('passed', $seed-green) @include colorFadeOut('passed', $seed-green)
@include colorFadeOut('failed', $quartz-red) @include colorFadeOut('failed', $quartz-red)
@ -52,7 +52,6 @@
justify-content: space-between justify-content: space-between
align-items: center align-items: center
height: 34px height: 34px
padding-left: 0.5em
.section-title .section-title
font-size: 16px font-size: 16px
@ -65,12 +64,6 @@
@media #{$medium-up} @media #{$medium-up}
flex: 0 0 2em flex: 0 0 2em
&.started,
&.booting,
&.received,
&.created
line-height: 3
.job-number .job-number
display: inline-block display: inline-block
@media #{$medium-up} @media #{$medium-up}

5
app/styles/app/mixins.sass
View File

@ -135,4 +135,7 @@
@include colorStatusIcons($color, $status) @include colorStatusIcons($color, $status)
&:hover, &:hover,
&:active &:active
@include colorBg($bg-start, $status, $width, $hover) background-color: $hover
border-left: $width solid $color
a
margin-left: - $width + 1px

20
app/styles/app/modules/build-header.sass
View File

@ -3,15 +3,15 @@
border: 1px solid $cream-dark border: 1px solid $cream-dark
clear: both clear: both
@include colorRows($turf-green, 'passed', 12px) @include colorRows($turf-green, 'passed', 10px)
@include colorRows($brick-red, 'failed', 12px) @include colorRows($brick-red, 'failed', 10px)
@include colorRows($brick-red, 'errored', 12px) @include colorRows($brick-red, 'errored', 10px)
@include colorRows($cement-grey, 'canceled', 12px) @include colorRows($cement-grey, 'canceled', 10px)
@include colorRows($canary-yellow, 'started', 12px, true, $dozer-yellow) @include colorRows($canary-yellow, 'started', 10px, true, $dozer-yellow)
@include colorRows($canary-yellow, 'queued', 12px, true, $dozer-yellow) @include colorRows($canary-yellow, 'queued', 10px, true, $dozer-yellow)
@include colorRows($canary-yellow, 'booting', 12px, true, $dozer-yellow) @include colorRows($canary-yellow, 'booting', 10px, true, $dozer-yellow)
@include colorRows($canary-yellow, 'received', 12px, true, $dozer-yellow) @include colorRows($canary-yellow, 'received', 10px, true, $dozer-yellow)
@include colorRows($canary-yellow, 'created', 12px, true, $dozer-yellow) @include colorRows($canary-yellow, 'created', 10px, true, $dozer-yellow)
@media #{$medium-up} @media #{$medium-up}
display: flex display: flex
@ -30,7 +30,7 @@
font-size: 16px font-size: 16px
@media #{$medium-up} @media #{$medium-up}
flex: 1 1 65% flex: 1 1 65%
padding-left: 2.5rem padding-left: 2.2rem
.build-tools .build-tools
padding: 1rem 0 1rem 3rem padding: 1rem 0 1rem 3rem

7
app/styles/app/modules/status-icon.sass
View File

@ -34,10 +34,15 @@
vertical-align: middle vertical-align: middle
width: 5px width: 5px
height: 5px height: 5px
border: solid 1px #bfb502 border: solid 1px $dozer-yellow
border-radius: 50% border-radius: 50%
transform-origin: center center transform-origin: center center
&.started,
&.received,
&.created
height: 19px
@keyframes rotation @keyframes rotation
0% 0%
transform: rotateZ(0deg) transform: rotateZ(0deg)