4e2e39a96b
I think it will be better to fix position of selected project indicator in left panel. So when you toggle project info it doesn't jump around, and info separator doesn't detach right border. Here is some screenshots. Before: http://cl.ly/image/3v3L2w0K3S1K After: http://cl.ly/image/200o3i1l1b3b
97 lines
2.2 KiB
Sass
97 lines
2.2 KiB
Sass
@import "_mixins/all"
|
|
|
|
#accounts,
|
|
#repos
|
|
&.open li .info
|
|
display: block
|
|
|
|
li
|
|
position: relative
|
|
font-size: $font-size-big
|
|
padding: 15px 20px 15px 15px
|
|
border-bottom: 1px solid $color-border-light
|
|
background-repeat: no-repeat
|
|
|
|
&:nth-child(odd),
|
|
&:nth-child(odd) .indicator span
|
|
background-color: $color-bg-list-odd
|
|
&:nth-child(even),
|
|
&:nth-child(even) .indicator span
|
|
background-color: $color-bg-list-even
|
|
|
|
.slug-and-status
|
|
white-space: nowrap
|
|
overflow: hidden
|
|
text-overflow: ellipsis
|
|
padding-right: 35px
|
|
|
|
.last_build
|
|
position: absolute
|
|
top: 15px
|
|
right: 20px
|
|
text-align: right
|
|
// font-size: $font-size-normal
|
|
// border: 1px solid #ddd
|
|
// @include border-radius(10px)
|
|
|
|
.summary
|
|
margin: 5px 0 0 15px
|
|
white-space: nowrap
|
|
overflow: hidden
|
|
text-overflow: ellipsis
|
|
color: $color-text-light
|
|
font-size: $font-size-small
|
|
|
|
.info
|
|
overflow: hidden
|
|
margin: 12px -20px -15px -45px
|
|
font-size: $font-size-small
|
|
background-color: $color-bg-list-info
|
|
color: $color-text-list-info
|
|
display: none
|
|
p
|
|
margin: 0 -10px 0 -10px
|
|
padding: 12px 35px 12px 73px
|
|
@include box-shadow($color-shadow-list-info 0 1px 8px 0 inset)
|
|
|
|
.indicator
|
|
display: none
|
|
position: absolute
|
|
top: 0
|
|
right: -20px
|
|
width: 20px
|
|
height: 100%
|
|
overflow: hidden
|
|
|
|
span
|
|
position: relative
|
|
display: block
|
|
top: 25px
|
|
left: -15px
|
|
width: 20px
|
|
height: 20px
|
|
border: 1px solid $color-border-normal
|
|
@include rotate(45deg)
|
|
@include box-shadow($color-border-normal 0 1px 8px 0)
|
|
|
|
&.selected .indicator
|
|
display: block
|
|
|
|
.loading
|
|
padding: 15px 25px 15px 30px
|
|
background-color: $color-bg-list-odd
|
|
background-image: none
|
|
|
|
#accounts
|
|
li
|
|
margin-left: -4px
|
|
padding-left: 52px
|
|
&.user
|
|
background-image: inline-image('ui/user.png')
|
|
background-position: 29px 18px
|
|
&.organization
|
|
background-image: inline-image('ui/org.png')
|
|
background-position: 24px 18px
|
|
.summary
|
|
margin-left: 0
|