Change request-kind background to have flexible height

This commit is contained in:
Piotr Sarnacki 2014-12-18 21:52:49 +01:00
parent febd134f54
commit fc18c185cc
2 changed files with 25 additions and 28 deletions
assets
scripts/app/templates/builds
styles/main

View File

@ -2,9 +2,7 @@
<span>Loading</span>
{{else}}
<div id="new-summary">
<div class="request-kind">
<div {{bind-attr class=":kind-icon build.eventType"}}>
</div>
<div {{bind-attr class=":request-kind build.eventType"}} >
</div>
<div class="right">
<div class="build-status">

View File

@ -23,11 +23,32 @@
#new-summary
@include clearfix
@include border-radius(4px)
background-color: #fafafa
padding: 0 11px 0 0
padding: 0 11px 2.5em 51px
position: relative
min-height: 143px
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN4/+HDfwAJcAPPMJixRQAAAABJRU5ErkJggg=='), #fafafa
background-size: 41px 100%
background-repeat: no-repeat
.request-kind
opacity: 0.55
position: absolute
top: 15px
left: 11px
background-size: contain
background-repeat: no-repeat
height: 21px
width: 21px
&.push
background-image: inline-image('icons/push.svg')
&.pull_request
background-image: inline-image('icons/pull-request.svg')
.branch
margin-right: 5px
font-weight: bold
color: #6c878e
font-size: 16px
@ -40,7 +61,7 @@
.subject
font-size: 15px
color: #6c878e
margin-top: 10px
margin-top: 11px
overflow: hidden
margin-right: 2px
line-height: 20px
@ -122,28 +143,6 @@
width: 220px
font-size: 11px
.request-kind
background-color: #e8e9ea
opacity: 0.6
float: left
position: relative
display: block
height: 140px
margin-right: 10px
padding: 15px 10px 0 10px
.kind-icon.push
background: inline-image('icons/push.svg') no-repeat
background-size: contain
height: 21px
width: 21px
.kind-icon.pull_request
background: inline-image('icons/pull-request.svg') no-repeat 2px
background-size: contain
height: 21px
width: 21px
.footer
a
color: #818181