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

fix some display bugs

Browse Source
This commit is contained in:
Lisa P 2015-08-28 17:00:51 -04:00
parent c5fa70776b
commit 9370b4b7be
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
@mixin statusColors($color, $status) @mixin statusColors($color, $status)
&.#{$status} &.#{$status}
background: linear-gradient(to right, $color 0%, $color 9px, transparent 10px, transparent 100%) no-repeat background: linear-gradient(to right, $color 0%, $color 9px, white 10px, white 100%) no-repeat
.branch-name, .branch-name,
.branch-request a .branch-request a
color: $color color: $color
@ -58,6 +58,7 @@
font-size: 16px font-size: 16px
font-weight: 400 font-weight: 400
white-space: nowrap white-space: nowrap
overflow: hidden
a a
color: $grey-dark color: $grey-dark
text-decoration: none text-decoration: none
@ -67,6 +68,10 @@
@media #{$medium-up} @media #{$medium-up}
& > div:first-of-type & > div:first-of-type
width: 25% width: 25%
position: relative
&:after
content: ""
@include fadeOut(right, -90deg, $white)
& > div:nth-of-type(2) & > div:nth-of-type(2)
width: 20% width: 20%
& > div:nth-of-type(3) & > div:nth-of-type(3)
@ -131,9 +136,9 @@
left: 46% left: 46%
transform: rotate(45deg) transform: rotate(45deg)
&:before &:before
bottom: -0.4em bottom: -0.3em
&:after &:after
bottom: -0.3em; bottom: -0.2em;
background-color: $white background-color: $white
.dropup-trigger:hover ~ &, .dropup-trigger:hover ~ &,
.dropup-trigger:hover &, .dropup-trigger:hover &,
@ -171,7 +176,7 @@
background-color: $white background-color: $white
.icon-trigger path, .icon-trigger path,
.icon-eye path .icon-eye path
fill: $grey-medium fill: #A7AEAE
a a
display: block display: block
padding: 0.2em 0.5em padding: 0.2em 0.5em
@ -236,10 +241,10 @@
@include buildTileColors(#D94341, #FFF7F5, 'failed') @include buildTileColors(#D94341, #FFF7F5, 'failed')
@include buildTileColors(#D94341, #FFF7F5, 'errored') @include buildTileColors(#D94341, #FFF7F5, 'errored')
@include buildTileColors(#A1A0A0, #F5F5F5, 'canceled') @include buildTileColors(#A1A0A0, #F5F5F5, 'canceled')
@include buildTileColors(#ECCE4B, #eeeeee, 'started') @include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.5), 'started')
@include buildTileColors(#ECCE4B, #eeeeee, 'queued') @include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.5), 'queued')
@include buildTileColors(#ECCE4B, #eeeeee, 'booting') @include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.5), 'booting')
@include buildTileColors(#ECCE4B, #eeeeee, 'received') @include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.5), 'received')
@include buildTileColors(#ECCE4B, #eeeeee, 'created') @include buildTileColors(#ECCE4B, rgba(#ECCE4B, 0.5), 'created')