more style fixes to the build header

This commit is contained in:
Lisa Passing 2015-03-10 14:13:13 +01:00
parent 141a8122e1
commit 572ac9eb74
5 changed files with 27 additions and 18 deletions

View File

@ -70,6 +70,7 @@ $font-size-xxl: 30px
$grey1: #A5ACAD $grey1: #A5ACAD
$grey2: #969496 $grey2: #969496
$grey3: #808080 $grey3: #808080
$grey4: #e6e8e8
$grey: $grey1 $grey: $grey1
$cream-light: #FAFAF8 $cream-light: #FAFAF8
$cream-dark: lighten(mix(#F7F7F4, $grey), 10) $cream-dark: lighten(mix(#F7F7F4, $grey), 10)

View File

@ -55,7 +55,7 @@
.icon.push .icon.push
background-image: inline-image('svg/push-icon.svg') background-image: inline-image('svg/push-icon.svg')
.icon.pull-request .icon.pull_request
background-image: inline-image('svg/pull-request-icon.svg') background-image: inline-image('svg/pull-request-icon.svg')
.icon-lock .icon-lock

View File

@ -16,18 +16,21 @@
color: $grey2 color: $grey2
padding: .2em 0 padding: .2em 0
.active .active a,
a a:hover
position: relative position: relative
color: $teal2 color: $teal2
&:after &:after
content: "" content: ""
position: absolute position: absolute
left: 0 left: 0
bottom: -3px bottom: -3px
width: 100% width: 100%
height: 2px height: 2px
background-color: $teal2 background-color: $teal2
.active a
font-weight: 600
@media #{$medium-up} @media #{$medium-up}

View File

@ -26,7 +26,7 @@
small small
margin: 0 margin: 0
font-weight: 400 font-weight: 400
font-size: 15px font-size: $font-size-m
color: $grey3 color: $grey3
line-height: 1 line-height: 1
small small
@ -69,11 +69,16 @@
width: 1.1em width: 1.1em
height: 1.2em height: 1.2em
margin: .7em auto 1em margin: .7em auto 1em
.request-kind .icon.push
display: block display: block
width: 1.4em width: 1.4em
height: 1.1em height: 1.1em
margin: .5em auto 1.1em margin: -0.2em auto 0
.icon.pull_request
display: block
width: 1.1em
height: 1.6em
margin: -0.5em auto 0
.tile-author .tile-author
img img
@ -94,7 +99,7 @@
.tile--build .tile--build
.tile-main .tile-main
@media #{$medium-up} @media #{$medium-up}
border-right: solid 1px $grey1 border-right: solid 1px $grey4
@media #{$xlarge-up} @media #{$xlarge-up}
@include grid-column(8) @include grid-column(8)
.tile-additional .tile-additional

View File

@ -4,7 +4,7 @@
<div {{bind-attr class="build.color :tile :tile--small :tile--build :row"}}> <div {{bind-attr class="build.color :tile :tile--small :tile--build :row"}}>
<div class="tile-status"> <div class="tile-status">
<span class="icon icon-status passed"></span> <span class="icon icon-status passed"></span>
<span class="icon request-kind push"></span> <span {{bind-attr class=":request-kind build.eventType :icon"}}></span>
</div> </div>
<div class="column tile-main medium-6"> <div class="column tile-main medium-6">
<h2> <h2>