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

fix yellows across the place

Browse Source
This commit is contained in:
Lisa P 2016-01-12 12:59:17 +01:00
parent 6eed891a1a
commit e3b77b4b5a
6 changed files with 31 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/styles/app/_mixins/colors.sass
View File

@ -1,7 +1,9 @@
$teal: #40a3ad
$green: #44a662
$yellow: #e5da3f
$yellow-bg: $yellow
$yellow-font: #beab04
$yellow-tile: #dbc040
$red: #d94341
$grey: #666

14
app/styles/app/_mixins/mixins.sass
View File

@ -1,4 +1,3 @@
@mixin fadeOut($position, $angle, $color, $width: 0%)
content: ""
display: block
@ -84,7 +83,7 @@
.row-name .status-icon g > *,
.row-request .icon-request g > *
fill: $color
.build a,
.repo-title a
color: $color
@ -103,22 +102,21 @@
@if $building
.#{$status},
.#{$status} a,
color: #beab04
color: $yellow-font
@else
.#{$status},
.#{$status} a,
color: $color
=colorRows($color, $status, $width, $is-building: false)
=colorRows($color, $status, $width, $is-building: false, $color-icon: $color)
@include colorBg($color, $status, $width)
@include colorLinks($color, $status, $is-building)
@include colorStatusIcons($color, $status)
@include colorStatusIcons($color-icon, $status)
=colorJobs($color, $status, $width, $hover, $is-building: false)
=colorJobs($color, $status, $width, $hover, $is-building: false, $bg-start: $color)
&.#{$status}
@include colorLinks($color, $status, $is-building)
@include colorStatusIcons($color, $status)
&:hover,
&:active
@include colorBg($color, $status, $width, $hover)
@include colorBg($bg-start, $status, $width, $hover)

12
app/styles/app/components/build-tile.sass
View File

@ -10,7 +10,7 @@
fill: $white
.status-icon .circle
border-color: $white
border-width: 2px
.build-tiles
height: 4.7em
@ -76,8 +76,8 @@
@include buildTileColors(#D94341, #FFF7F5, 'failed')
@include buildTileColors(#D94341, #FFF7F5, 'errored')
@include buildTileColors(#A1A0A0, #F5F5F5, 'canceled')
@include buildTileColors(#bfb502, #fdfcee, 'started', #e2c913)
@include buildTileColors(#bfb502, #fdfcee, 'queued', #e2c913)
@include buildTileColors(#bfb502, #fdfcee, 'booting', #e2c913)
@include buildTileColors(#bfb502, #fdfcee, 'received', #e2c913)
@include buildTileColors(#bfb502, #fdfcee, 'created', #e2c913)
@include buildTileColors($yellow-tile, #fdfcee, 'started')
@include buildTileColors($yellow-tile, #fdfcee, 'queued')
@include buildTileColors($yellow-tile, #fdfcee, 'booting')
@include buildTileColors($yellow-tile, #fdfcee, 'received')
@include buildTileColors($yellow-tile, #fdfcee, 'created')

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

@ -27,11 +27,11 @@
@include colorJobs($red, 'failed', 6px, rgba($red, .1))
@include colorJobs($red, 'errored', 6px, rgba($red, .1))
@include colorJobs($grey, 'canceled', 6px, #f1f1f1)
@include colorJobs($yellow, 'started', 6px, rgba($yellow, .1), true)
@include colorJobs($yellow, 'queued', 6px, rgba($yellow, .1), true)
@include colorJobs($yellow, 'booting', 6px, rgba($yellow, .1), true)
@include colorJobs($yellow, 'received', 6px, rgba($yellow, .1), true)
@include colorJobs($yellow, 'created', 6px, rgba($yellow, .1), true)
@include colorJobs($yellow-font, 'started', 6px, rgba($yellow, .1), true, $yellow-bg)
@include colorJobs($yellow-font, 'queued', 6px, rgba($yellow, .1), true, $yellow-bg)
@include colorJobs($yellow-font, 'booting', 6px, rgba($yellow, .1), true, $yellow-bg)
@include colorJobs($yellow-font, 'received', 6px, rgba($yellow, .1), true, $yellow-bg)
@include colorJobs($yellow-font, 'created', 6px, rgba($yellow, .1), true, $yellow-bg)
@include colorFadeOut('passed',#ECF6EF)
@include colorFadeOut('failed', #FBECEB)
@ -96,7 +96,7 @@
height: 20px
vertical-align: middle
padding-left: 1.5em
background:
background:
size: auto 18px
repeat: no-repeat
@media #{$medium-up}

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

@ -7,11 +7,11 @@
@include colorRows($red, 'failed', 12px)
@include colorRows($red, 'errored', 12px)
@include colorRows($grey, 'canceled', 12px)
@include colorRows($yellow, 'started', 12px, true)
@include colorRows($yellow, 'queued', 12px, true)
@include colorRows($yellow, 'booting', 12px, true)
@include colorRows($yellow, 'received', 12px, true)
@include colorRows($yellow, 'created', 12px, true)
@include colorRows($yellow-bg, 'started', 12px, true, $yellow-font)
@include colorRows($yellow-bg, 'queued', 12px, true, $yellow-font)
@include colorRows($yellow-bg, 'booting', 12px, true, $yellow-font)
@include colorRows($yellow-bg, 'received', 12px, true, $yellow-font)
@include colorRows($yellow-bg, 'created', 12px, true, $yellow-font)
@media #{$medium-up}
display: flex

10
app/styles/app/modules/row.sass
View File

@ -92,8 +92,8 @@
@include statusColors($red, 'failed', 10px)
@include statusColors($red, 'errored', 10px)
@include statusColors($grey, 'canceled', 10px)
@include statusColors($yellow, 'started', 10px, #e5da3f, true)
@include statusColors($yellow, 'queued', 10px, #e5da3f, true)
@include statusColors($yellow, 'booting', 10px, #e5da3f, true)
@include statusColors($yellow, 'received', 10px, #e5da3f, true)
@include statusColors($yellow, 'created', 10px, #e5da3f, true)
@include statusColors($yellow-font, 'started', 10px, $yellow-bg, true)
@include statusColors($yellow-font, 'queued', 10px, $yellow-bg, true)
@include statusColors($yellow-font, 'booting', 10px, $yellow-bg, true)
@include statusColors($yellow-font, 'received', 10px, $yellow-bg, true)
@include statusColors($yellow-font, 'created', 10px, $yellow-bg, true)