cleanup some dashbaord images

This commit is contained in:
Lisa Passing 2015-05-11 15:02:02 +02:00
parent d687ebe01a
commit 7229e068c5
12 changed files with 63 additions and 51 deletions

View File

@ -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

View File

@ -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')

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

View File

@ -1,28 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="75px" height="18px" viewBox="0 0 75 18" enable-background="new 0 0 75 18" xml:space="preserve">
<g>
<path fill="#E9E9E9" d="M5.482,4.413H1.313V2.251h10.873v2.161H8.041v12.263H5.482V4.413z"/>
<path fill="#E9E9E9" d="M11.958,5.846h2.095l0.177,1.918h0.089c0.771-1.41,1.918-2.183,3.065-2.183c0.551,0,0.903,0.066,1.234,0.22
l-0.441,2.206c-0.375-0.11-0.661-0.176-1.125-0.176c-0.859,0-1.896,0.595-2.558,2.228v6.616h-2.536V5.846z"/>
<path fill="#E9E9E9" d="M25.544,9.75c-0.023-1.146-0.508-2.117-1.964-2.117c-1.08,0-2.095,0.484-3.043,1.058l-0.927-1.698
c1.19-0.75,2.713-1.411,4.433-1.411c2.714,0,4.038,1.654,4.038,4.675v6.419h-2.074l-0.198-1.19h-0.066
c-0.971,0.816-2.073,1.455-3.353,1.455c-1.897,0-3.22-1.279-3.22-3.176C19.17,11.448,21.111,10.235,25.544,9.75z M23.184,14.956
c0.882,0,1.566-0.441,2.36-1.191v-2.427c-2.934,0.376-3.904,1.147-3.904,2.229C21.64,14.536,22.28,14.956,23.184,14.956z"/>
<path fill="#E9E9E9" d="M28.806,5.846h2.581l1.72,5.624c0.287,1.059,0.618,2.161,0.904,3.265h0.088
c0.31-1.104,0.618-2.206,0.927-3.265l1.72-5.624h2.448l-3.683,10.829h-2.934L28.806,5.846z"/>
<path fill="#E9E9E9" d="M40.145,2.516c0-0.86,0.661-1.456,1.565-1.456s1.566,0.596,1.566,1.456c0,0.838-0.662,1.434-1.566,1.434
S40.145,3.354,40.145,2.516z M40.431,5.846h2.537v10.829h-2.537V5.846z"/>
<path fill="#E9E9E9" d="M45.613,13.809c0.97,0.749,1.896,1.213,2.999,1.213c1.17,0,1.721-0.552,1.721-1.301
c0-0.906-1.169-1.303-2.316-1.744c-1.434-0.529-3.043-1.344-3.043-3.152c0-1.898,1.521-3.243,3.948-3.243
c1.499,0,2.713,0.618,3.594,1.302l-1.168,1.543C50.597,7.875,49.826,7.5,48.965,7.5c-1.082,0-1.588,0.507-1.588,1.19
c0,0.839,1.08,1.191,2.249,1.61c1.479,0.552,3.109,1.258,3.109,3.287c0,1.852-1.478,3.352-4.212,3.352
c-1.478,0-3.044-0.639-4.102-1.5L45.613,13.809z"/>
<path fill="#E9E9E9" d="M65.176,1.987c1.764,0,3.198,0.859,4.102,1.83l-1.411,1.588c-0.75-0.729-1.565-1.19-2.669-1.19
c-2.36,0-4.058,1.985-4.058,5.228c0,3.286,1.565,5.27,3.969,5.27c1.28,0,2.228-0.528,3.045-1.432l1.411,1.565
c-1.169,1.345-2.668,2.095-4.499,2.095c-3.661,0-6.551-2.646-6.551-7.433C58.515,4.788,61.47,1.987,65.176,1.987z"/>
<path fill="#E9E9E9" d="M71.128,2.251h2.559v14.424h-2.559V2.251z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="15.066px" height="15.057px" viewBox="0 0 15.066 15.057" enable-background="new 0 0 15.066 15.057" xml:space="preserve">
<polygon opacity="0.4" fill="#75BA81" points="10.301,9.123 15.033,6 9.192,5.998 7.533,0.033 5.874,5.998 0.033,6 4.783,9.132
2.984,15.024 7.544,11.14 12.312,15.023 "/>
</svg>

After

Width:  |  Height:  |  Size: 672 B

View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="15.066px" height="15.057px" viewBox="0 0 15.066 15.057" enable-background="new 0 0 15.066 15.057" xml:space="preserve">
<polygon fill="#C8C8C8" points="10.313,9.13 15.066,5.993 9.2,5.991 7.533,0 5.866,5.991 0,5.993 4.771,9.14 2.965,15.057
7.544,11.156 12.333,15.056 "/>
</svg>

After

Width:  |  Height:  |  Size: 655 B

View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="15.066px" height="15.057px" viewBox="0 0 15.066 15.057" enable-background="new 0 0 15.066 15.057" xml:space="preserve">
<polygon opacity="0.4" fill="#E6735C" points="10.301,9.123 15.033,6 9.192,5.998 7.533,0.033 5.874,5.998 0.033,6 4.783,9.132
2.984,15.024 7.544,11.14 12.312,15.023 "/>
</svg>

After

Width:  |  Height:  |  Size: 672 B

View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="15.066px" height="15.057px" viewBox="0 0 15.066 15.057" enable-background="new 0 0 15.066 15.057" xml:space="preserve">
<polygon opacity="0.4" fill="#E3DC84" points="10.301,9.123 15.033,6 9.192,5.998 7.533,0.033 5.874,5.998 0.033,6 4.783,9.132
2.984,15.024 7.544,11.14 12.312,15.023 "/>
</svg>

After

Width:  |  Height:  |  Size: 672 B