Change request-kind background to have flexible height
This commit is contained in:
parent
febd134f54
commit
fc18c185cc
|
@ -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">
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue
Block a user