diff --git a/app/styles/app/layouts/dashboard.sass b/app/styles/app/layouts/dashboard.sass index c4991d77..8a49345b 100644 --- a/app/styles/app/layouts/dashboard.sass +++ b/app/styles/app/layouts/dashboard.sass @@ -2,16 +2,18 @@ * Dashboard List */ -@mixin colorDbelements($color) - .db-status - background-color: $color - .db-repo - h2, h3, a - color: $color - .db-job - color: $color - a - color: $color +@mixin colorDbelements($color, $icon) + .db-status + background-color: $color + .icon-star + @extend %icon-star-#{$icon} + .db-repo + h2, h3, a + color: $color + .db-job + color: $color + a + color: $color $db-gray: #C9C9C9 $db-text-color: #ACAAAA @@ -36,6 +38,8 @@ $db-text-color: #ACAAAA width: 1.5em height: 1.5em transform: translate(-20%, 18%) + .icon-star + @extend %icon-star-grey .db @include resetul @@ -62,17 +66,17 @@ $db-text-color: #ACAAAA &.started, &.created - @include colorDbelements($start-color) + @include colorDbelements($start-color, yellow) &.failed - @include colorDbelements($fail-color) + @include colorDbelements($fail-color, red) &.errored - @include colorDbelements($error-color) + @include colorDbelements($error-color, red) &.canceled - @include colorDbelements($cancel-color) + @include colorDbelements($cancel-color, grey) &.passed - @include colorDbelements($pass-color) + @include colorDbelements($pass-color, green) &.inactive - @include colorDbelements($cancel-color) + @include colorDbelements($cancel-color, grey) .db-repo padding-left: 3em @@ -82,6 +86,8 @@ $db-text-color: #ACAAAA &:after content: "" @include fadeOut(right, -90deg, $cream-light) + @media #{$medium-up} + margin-bottom: 0 .db-status position: absolute; @@ -99,7 +105,7 @@ $db-text-color: #ACAAAA .icon-status top: -6em .icon-star - top: -2em + top: 1.7em opacity: .9 .db-controls @@ -189,8 +195,6 @@ $db-text-color: #ACAAAA .dashboard-active, .dashboard-inactive - .db - padding-bottom: 0.2em; .db-repo, .db-controls padding-left: 4em @@ -209,8 +213,6 @@ $db-text-color: #ACAAAA .db-status .icon-status top: -2em - .icon-star - bottom: -4em .dashboard-inactive margin-bottom: 5e3 diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass index 7d224f4f..90c89c65 100644 --- a/app/styles/app/modules/icons.sass +++ b/app/styles/app/modules/icons.sass @@ -49,8 +49,14 @@ .icon-cog-light background-image: inline-image('icons/settings.svg') -.icon-star - background-image: inline-image('dashboard/star-off.svg') +%icon-star-grey + background-image: inline-image('svg/icon-star-grey.svg') +%icon-star-yellow + background-image: inline-image('svg/icon-star-yellow.svg') +%icon-star-red + background-image: inline-image('svg/icon-star-red.svg') +%icon-star-green + background-image: inline-image('svg/icon-star-green.svg') .icon-status.errored background-image: inline-image('dashboard/status-errored.svg') diff --git a/public/images/dashboard/gravatar.png b/public/images/dashboard/gravatar.png deleted file mode 100644 index cabf8b18..00000000 Binary files a/public/images/dashboard/gravatar.png and /dev/null differ diff --git a/public/images/dashboard/orgs-eurucamp.png b/public/images/dashboard/orgs-eurucamp.png deleted file mode 100644 index 4e52ceb6..00000000 Binary files a/public/images/dashboard/orgs-eurucamp.png and /dev/null differ diff --git a/public/images/dashboard/orgs-openkarma.png b/public/images/dashboard/orgs-openkarma.png deleted file mode 100644 index 4e02f61c..00000000 Binary files a/public/images/dashboard/orgs-openkarma.png and /dev/null differ diff --git a/public/images/dashboard/orgs-saltinejustine.png b/public/images/dashboard/orgs-saltinejustine.png deleted file mode 100644 index 70870224..00000000 Binary files a/public/images/dashboard/orgs-saltinejustine.png and /dev/null differ diff --git a/public/images/dashboard/orgs-travisci.png b/public/images/dashboard/orgs-travisci.png deleted file mode 100644 index 64a2e7fc..00000000 Binary files a/public/images/dashboard/orgs-travisci.png and /dev/null differ diff --git a/public/images/dashboard/travis-logo.svg b/public/images/dashboard/travis-logo.svg deleted file mode 100644 index 41ccb89a..00000000 --- a/public/images/dashboard/travis-logo.svg +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - - - - - - - - - - diff --git a/public/images/svg/icon-star-green.svg b/public/images/svg/icon-star-green.svg new file mode 100644 index 00000000..2699742f --- /dev/null +++ b/public/images/svg/icon-star-green.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/public/images/svg/icon-star-grey.svg b/public/images/svg/icon-star-grey.svg new file mode 100644 index 00000000..7d4b00b2 --- /dev/null +++ b/public/images/svg/icon-star-grey.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/public/images/svg/icon-star-red.svg b/public/images/svg/icon-star-red.svg new file mode 100644 index 00000000..92498c07 --- /dev/null +++ b/public/images/svg/icon-star-red.svg @@ -0,0 +1,8 @@ + + + + + + diff --git a/public/images/svg/icon-star-yellow.svg b/public/images/svg/icon-star-yellow.svg new file mode 100644 index 00000000..7abaa234 --- /dev/null +++ b/public/images/svg/icon-star-yellow.svg @@ -0,0 +1,8 @@ + + + + + +