add responsive styles to owner page list
This commit is contained in:
parent
b4c6edf72c
commit
0cea3d43a6
|
@ -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')
|
||||||
|
|
Loading…
Reference in New Issue
Block a user