fixed bg image sizes and settings dropdown color

This commit is contained in:
Justine Arreche 2014-10-21 15:30:07 +02:00
parent 5b53628634
commit 82983b1c02
3 changed files with 31 additions and 8 deletions

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="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve">
<path fill="#FFFFFF" d="M5,0C2.239,0,0,2.24,0,5c0,2.763,2.239,5.001,5,5.001c2.762,0,5-2.238,5-5.001C10,2.24,7.762,0,5,0z
M5,7.251C3.758,7.251,2.75,6.243,2.75,5c0-1.242,1.008-2.25,2.25-2.25S7.25,3.758,7.25,5C7.25,6.243,6.242,7.251,5,7.251z"/>
</svg>

After

Width:  |  Height:  |  Size: 723 B

View File

@ -2,16 +2,27 @@
.green .build-status
background-color: #549e54
background-image: inline-image('icons/state-passed-white.svg') no-repeat
background: url('icons/state-passed-white.svg') no-repeat
background-size: 10px 10px
background-position: 5px 10px
.yellow .build-status
background-color: #bcaf39
background: inline-image('icons/state-pending-white.svg') no-repeat
background-size: 10px 10px
background-position: 5px 10px
.red .build-status
background-color: #b54223
background: inline-image('icons/state-failed-white.svg') no-repeat
background-size: 10px 10px
background-position: 5px 10px
.gray .build-status
background-color: #a8a8a9
background: inline-image('icons/state-errored-white.svg') no-repeat
background-size: 10px 10px
background-position: 5px 10px
#new-summary
@include clearfix

View File

@ -4,14 +4,18 @@
position: relative
float: right
top: 2px
width: 300px
width: 600px
& > a.menu-popup-button
display: block
width: 39px
height: 21px
display: inline-block
width: 88px
height: 24px
text-align: left
margin-top: -27px
background-image: #000000 inline-image('icons/settings.svg') no-repeat
background: #a6adad inline-image('icons/settings.svg') no-repeat
background-size: 14px 14px
background-position: 6px 5px
@include border-radius(4px)
cursor: pointer
float: right
@ -39,10 +43,10 @@
a#status-image-popup
float: right
display: block
display: inline-block
opacity: 1.0
margin-top: -26px
margin-right: 45px
margin-right: 100px
#code-climate
a