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 $teal: #40a3ad
$green: #44a662 $green: #44a662
$yellow: #e5da3f $yellow: #e5da3f
$yellow-bg: $yellow
$yellow-font: #beab04
$yellow-tile: #dbc040
$red: #d94341 $red: #d94341
$grey: #666 $grey: #666

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

@ -1,4 +1,3 @@
@mixin fadeOut($position, $angle, $color, $width: 0%) @mixin fadeOut($position, $angle, $color, $width: 0%)
content: "" content: ""
display: block display: block
@ -103,22 +102,21 @@
@if $building @if $building
.#{$status}, .#{$status},
.#{$status} a, .#{$status} a,
color: #beab04 color: $yellow-font
@else @else
.#{$status}, .#{$status},
.#{$status} a, .#{$status} a,
color: $color 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 colorBg($color, $status, $width)
@include colorLinks($color, $status, $is-building) @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} &.#{$status}
@include colorLinks($color, $status, $is-building) @include colorLinks($color, $status, $is-building)
@include colorStatusIcons($color, $status) @include colorStatusIcons($color, $status)
&:hover, &:hover,
&:active &: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 fill: $white
.status-icon .circle .status-icon .circle
border-color: $white border-color: $white
border-width: 2px
.build-tiles .build-tiles
height: 4.7em height: 4.7em
@ -76,8 +76,8 @@
@include buildTileColors(#D94341, #FFF7F5, 'failed') @include buildTileColors(#D94341, #FFF7F5, 'failed')
@include buildTileColors(#D94341, #FFF7F5, 'errored') @include buildTileColors(#D94341, #FFF7F5, 'errored')
@include buildTileColors(#A1A0A0, #F5F5F5, 'canceled') @include buildTileColors(#A1A0A0, #F5F5F5, 'canceled')
@include buildTileColors(#bfb502, #fdfcee, 'started', #e2c913) @include buildTileColors($yellow-tile, #fdfcee, 'started')
@include buildTileColors(#bfb502, #fdfcee, 'queued', #e2c913) @include buildTileColors($yellow-tile, #fdfcee, 'queued')
@include buildTileColors(#bfb502, #fdfcee, 'booting', #e2c913) @include buildTileColors($yellow-tile, #fdfcee, 'booting')
@include buildTileColors(#bfb502, #fdfcee, 'received', #e2c913) @include buildTileColors($yellow-tile, #fdfcee, 'received')
@include buildTileColors(#bfb502, #fdfcee, 'created', #e2c913) @include buildTileColors($yellow-tile, #fdfcee, 'created')

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

@ -27,11 +27,11 @@
@include colorJobs($red, 'failed', 6px, rgba($red, .1)) @include colorJobs($red, 'failed', 6px, rgba($red, .1))
@include colorJobs($red, 'errored', 6px, rgba($red, .1)) @include colorJobs($red, 'errored', 6px, rgba($red, .1))
@include colorJobs($grey, 'canceled', 6px, #f1f1f1) @include colorJobs($grey, 'canceled', 6px, #f1f1f1)
@include colorJobs($yellow, 'started', 6px, rgba($yellow, .1), true) @include colorJobs($yellow-font, 'started', 6px, rgba($yellow, .1), true, $yellow-bg)
@include colorJobs($yellow, 'queued', 6px, rgba($yellow, .1), true) @include colorJobs($yellow-font, 'queued', 6px, rgba($yellow, .1), true, $yellow-bg)
@include colorJobs($yellow, 'booting', 6px, rgba($yellow, .1), true) @include colorJobs($yellow-font, 'booting', 6px, rgba($yellow, .1), true, $yellow-bg)
@include colorJobs($yellow, 'received', 6px, rgba($yellow, .1), true) @include colorJobs($yellow-font, 'received', 6px, rgba($yellow, .1), true, $yellow-bg)
@include colorJobs($yellow, 'created', 6px, rgba($yellow, .1), true) @include colorJobs($yellow-font, 'created', 6px, rgba($yellow, .1), true, $yellow-bg)
@include colorFadeOut('passed',#ECF6EF) @include colorFadeOut('passed',#ECF6EF)
@include colorFadeOut('failed', #FBECEB) @include colorFadeOut('failed', #FBECEB)

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

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

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

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