suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finally centered those dropups

Browse Source
This commit is contained in:
Lisa P 2015-09-17 12:29:11 +02:00
parent 6d86b587e9
commit 8b7a316ebf
4 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/request-icon.coffee
View File

@ -3,7 +3,7 @@
RequestIconComponent = Ember.Component.extend
tagName: 'span'
classNames: ['icon-request']
classNames: ['icon-request', 'icon']
classNameBindings: ['build.last_build.state', 'build.state']
isPush: (->

2
app/components/status-icon.coffee
View File

@ -3,7 +3,7 @@
StatusIconComponent = Ember.Component.extend
tagName: 'span'
classNames: ['status-icon']
classNames: ['status-icon', 'icon']
classNameBindings: ['build.last_build.state', 'build.state']
hasPassed: (->

28
app/styles/app/layouts/branches.sass
View File

@ -22,7 +22,7 @@
color: $grey-dark
background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 10px, white 100%) no-repeat
span[class*="icon"]
.icon
width: 1.3em
height: 1.3em
margin-right: .2em
@ -65,6 +65,15 @@
width: 5%
& > div:nth-of-type(5)
width: 27%
@media #{$large-up}
& > div:nth-of-type(2)
width: 21%
& > div:nth-of-type(3)
width: 21%
& > div:nth-of-type(4)
width: 2em
& > div:nth-of-type(5)
width: 25%
@include statusColors($green-dark, 'passed')
@include statusColors($red-dark, 'failed')
@ -168,9 +177,10 @@
fill: $white
@media #{$medium-up}
width: 10em
left: 0
padding: .3em
transform: translateY(-160%)
right: 24.5%
transform: translate(-42%, -170%)
border: 1px solid $teal-dark
li
display: block
@ -197,20 +207,20 @@
display: inline-block
vertical-align: middle
@media #{$large-up}
right: 24.5%
.dropup--status
@extend %dropup
left: 0
right: 0
margin: auto
display: none
&:after
bottom: -3px
&:before
bottom: -4px
@media #{$medium-up}
top: -3em
width: 100%
padding: .2em .3em
top: -2.3em
width: 4em
padding: .1em .1em
white-space: nowrap
font-size: 14px;
border: 1px solid $red-dark

12
app/templates/components/branch-row.hbs
View File

@ -4,7 +4,7 @@
</div>
<div class="branch-builds">
<div class="row-item">
<span class="icon-line-build">
<span class="icon icon-line-build">
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve" enable-background="new 0 0 20 20">
<g id="Build">
<path fill="#A7AEAE" d="M15.2,15.3c-0.4,0-0.7-0.1-1-0.4c-0.4-0.3-0.6-0.8-0.6-1.2c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5
@ -117,11 +117,11 @@
</div>
</div>
</div>
<div class="one-line">
<div class="one-line is-relative">
{{#if build.last_build}}
<div class="branch-nav dropup-trigger">
<div class="row-item">
<a href="#"><span class="icon-tofu">
<a href="#"><span class="icon icon-tofu">
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
<g id="Tofuburger">
<path fill="#A7AEAE" d="M17.9,6.2H2.1C1.8,6.2,1.5,6,1.5,5.6C1.5,5.3,1.8,5,2.1,5h15.7c0.4,0,0.6,0.3,0.6,0.6
@ -144,7 +144,7 @@
{{loading-indicator}}
{{else}}
<a {{action 'tiggerBuild'}}>
<span class="icon-trigger">
<span class="icon icon-trigger">
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
<g id="Trigger">
<path fill="#A7AEAE" d="M17.2,7.9C17,7.6,16.6,7.7,16.3,8l-1,1.2C14.9,6,12.2,3.6,9,3.6c-3.6,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4
@ -160,7 +160,7 @@
{{/if}}
</li>
<li><a {{action 'viewAllBuilds'}}>
<span class="icon-eye">
<span class="icon icon-eye">
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
<g id="View">
<path fill="#A7AEAE" d="M17.4,9.6c-0.1-0.2-3.3-4.1-7.4-4.1s-7.3,4-7.4,4.1c-0.2,0.2-0.2,0.6,0,0.8c0.1,0.2,3.3,4.1,7.4,4.1
@ -189,7 +189,7 @@
</ul>
{{#unless build.last_build}}
<a {{action 'tiggerBuild'}} class="nobuilds-tigger">
<span class="icon-trigger">
<span class="icon icon-trigger">
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
<g id="Trigger">
<path fill="#A7AEAE" d="M17.2,7.9C17,7.6,16.6,7.7,16.3,8l-1,1.2C14.9,6,12.2,3.6,9,3.6c-3.6,0-6.4,2.9-6.4,6.4s2.9,6.4,6.4,6.4