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

add responsive styles to owner page list

Browse Source
This commit is contained in:
Lisa Passing 2015-08-11 16:51:18 +02:00
parent b4c6edf72c
commit 0cea3d43a6
1 changed files with 32 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
app/styles/app/layouts/owner.sass
View File

@ -79,12 +79,14 @@
.owner-tiles .owner-tiles
padding: 0 padding: 0
list-style-type: none
%one-line %one-line
font-size: 16px font-size: 16px
font-weight: 400 font-weight: 400
vertical-align: middle vertical-align: middle
margin: 0 margin: 0
display: inline-block
* *
display: inline-block display: inline-block
font-size: inherit font-size: inherit
@ -107,12 +109,7 @@
.owner-tile .owner-tile
display: flex padding: .8em 0 .8em 2em
flex-direction: row
flex-flow: space-between
align-items: baseline
height: 3.8em
padding: .8em 0
margin-bottom: .5em margin-bottom: .5em
border: #F2F0F0 solid 1px border: #F2F0F0 solid 1px
@ -124,11 +121,6 @@
.repo-title a:hover .repo-title a:hover
text-decoration: underline text-decoration: underline
.repo
@extend %one-line
width: grid-calc(4, 12)
margin-left: 2em
.icon--job, .icon--job,
.icon-push, .icon-push,
.icon-pull_request, .icon-pull_request,
@ -149,21 +141,43 @@
.build-status .build-status
text-transform: capitalize text-transform: capitalize
.repo
@extend %one-line
white-space: nowrap
width: grid-calc(9, 12)
.build .build
@extend %one-line @extend %one-line
width: grid-calc(2, 12) width: grid-calc(5, 12)
.branch .branch
@extend %one-line @extend %one-line
width: grid-calc(2, 12) width: grid-calc(6, 12)
.commit .commit
@extend %one-line @extend %one-line
width: grid-calc(2, 12) width: grid-calc(6, 12)
.duration .duration
@extend %one-line @extend %one-line
width: grid-calc(12, 12)
@media #{$medium-up}
display: flex
flex-direction: row
flex-flow: space-between
align-items: baseline
height: 3.8em
padding: .8em 0
.build
width: grid-calc(2, 12)
.branch
width: grid-calc(2, 12)
.commit
width: grid-calc(2, 12)
.duration
width: grid-calc(4, 12) width: grid-calc(4, 12)
.repo
width: grid-calc(4, 12)
margin-left: 2em
@include statusColors($green-dark, 'passed') @include statusColors($green-dark, 'passed')
@include statusColors($red-dark, 'failed') @include statusColors($red-dark, 'failed')