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

more dashboard updates

Browse Source
This commit is contained in:
Lisa Passing 2015-05-06 18:01:30 +02:00
parent 08e53b6aee
commit d08e70f6cf
2 changed files with 22 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
app/styles/app/layouts/dashboard.sass
View File

@ -13,14 +13,11 @@
a a
color: $color color: $color
%br-4px
border-radius: 4px
$db-gray: #C9C9C9 $db-gray: #C9C9C9
$db-text-color: #ACAAAA $db-text-color: #ACAAAA
.dashboard .dashboard
color: $db-text-color color: #6D6E70
hr hr
max-width: 1024px max-width: 1024px
margin: auto margin: auto
@ -30,11 +27,11 @@ $db-text-color: #ACAAAA
.dashboard--empty .dashboard--empty
padding: 2em 5em padding: 2em 5em
background: $cream-light background: $cream-light
color: $db-gray color: #979597
font-size: 20px font-size: 20px
font-weight: 300 font-weight: 400
text-align: center text-align: center
@extend %br-4px @extend border-radius-4px
p .icon p .icon
width: 1.5em width: 1.5em
height: 1.5em height: 1.5em
@ -46,13 +43,16 @@ $db-text-color: #ACAAAA
position: relative position: relative
margin-bottom: 1em margin-bottom: 1em
background: $cream-light background: $cream-light
@extend %br-4px @extend border-radius-4px
h2, h3, p h2, h3, p
margin: 0 margin: 0
font-weight: 400 font-weight: 400
white-space: nowrap white-space: nowrap
p
font-size: $font-size-m
.icon .icon
position: absolute position: absolute
left: 0 left: 0
@ -81,13 +81,7 @@ $db-text-color: #ACAAAA
margin-bottom: 1em margin-bottom: 1em
&:after &:after
content: "" content: ""
display: block @include fadeOut(right, -90deg, $cream-light)
position: absolute
top: 0
right: 0
height: 100%
width: 3em
background: linear-gradient(-90deg, $white 40%, rgba($white, 0))
.db-status .db-status
position: absolute; position: absolute;
@ -115,17 +109,22 @@ $db-text-color: #ACAAAA
display: inline-block display: inline-block
button button
margin-left: 1em margin-left: 1em
a:hover
text-decoration: underline
.icon .icon
width: 1.4em width: 1em
height: 1.4em height: 1.1em
.icon-branch
width: 1.3em
height: .8em
.db-job, .db-job,
.db-branch, .db-branch,
.db-commit, .db-commit,
.db-timeago .db-timeago
position: relative position: relative
padding-left: 2.2em padding-left: 1.5em
z-index: 30 z-index: 30
overflow: hidden overflow: hidden
@ -133,7 +132,7 @@ $db-text-color: #ACAAAA
position: relative position: relative
&:after &:after
content: "" content: ""
@include fadeOut(right, -90deg, $white) @include fadeOut(right, -90deg, $cream-light)
.db-lock .db-lock
position: absolute position: absolute
@ -201,10 +200,10 @@ $db-text-color: #ACAAAA
.db-repo .db-repo
padding-left: 4em padding-left: 4em
.db-controls .db-controls
padding-left: 2em padding: 0 4em 0 2em
line-height: 3em line-height: 3em
transform: translateY(26%) transform: translateY(26%)
border-left: 1px solid $db-gray border-left: 1px solid $grey4
.db-burger .db-burger
height: 100% height: 100%
.db-status .db-status
@ -214,7 +213,7 @@ $db-text-color: #ACAAAA
bottom: -4em bottom: -4em
.dashboard-inactive .dashboard-inactive
margin-bottom: 5em margin-bottom: 5e3
.db .db
h2, h3, p, button, .db-status h2, h3, p, button, .db-status
opacity: .7 opacity: .7

2
app/styles/app/modules/dropdown.sass
View File

@ -6,7 +6,7 @@ $dropdown-border: #C3D9DB
.dropdown--db .dropdown--db
@include resetul @include resetul
@extend %br-4px @extend %border-radius-4px
position: absolute position: absolute
padding: .8em .5em padding: .8em .5em
z-index: 90 z-index: 90