Change request-kind background to have flexible height
This commit is contained in:
parent
febd134f54
commit
fc18c185cc
|
@ -2,9 +2,7 @@
|
||||||
<span>Loading</span>
|
<span>Loading</span>
|
||||||
{{else}}
|
{{else}}
|
||||||
<div id="new-summary">
|
<div id="new-summary">
|
||||||
<div class="request-kind">
|
<div {{bind-attr class=":request-kind build.eventType"}} >
|
||||||
<div {{bind-attr class=":kind-icon build.eventType"}}>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div class="build-status">
|
<div class="build-status">
|
||||||
|
|
|
@ -23,11 +23,32 @@
|
||||||
#new-summary
|
#new-summary
|
||||||
@include clearfix
|
@include clearfix
|
||||||
@include border-radius(4px)
|
@include border-radius(4px)
|
||||||
background-color: #fafafa
|
padding: 0 11px 2.5em 51px
|
||||||
padding: 0 11px 0 0
|
|
||||||
position: relative
|
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
|
.branch
|
||||||
|
margin-right: 5px
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
color: #6c878e
|
color: #6c878e
|
||||||
font-size: 16px
|
font-size: 16px
|
||||||
|
@ -40,7 +61,7 @@
|
||||||
.subject
|
.subject
|
||||||
font-size: 15px
|
font-size: 15px
|
||||||
color: #6c878e
|
color: #6c878e
|
||||||
margin-top: 10px
|
margin-top: 11px
|
||||||
overflow: hidden
|
overflow: hidden
|
||||||
margin-right: 2px
|
margin-right: 2px
|
||||||
line-height: 20px
|
line-height: 20px
|
||||||
|
@ -122,28 +143,6 @@
|
||||||
width: 220px
|
width: 220px
|
||||||
font-size: 11px
|
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
|
.footer
|
||||||
a
|
a
|
||||||
color: #818181
|
color: #818181
|
||||||
|
|
Loading…
Reference in New Issue
Block a user