Merge branch 'fix_first_sync'
This commit is contained in:
Lisa Passing
commit
f697278527
|
|
@ -8,32 +8,18 @@
|
|||
|
||||
@import "app/ansi";
|
||||
@import "app/auth";
|
||||
// @import "app/caches";
|
||||
@import "app/charm";
|
||||
// @import "app/flash";
|
||||
@import "app/forms";
|
||||
// @import "app/getting_started";
|
||||
@import "app/github";
|
||||
|
||||
// @import "app/left/list";
|
||||
// @import "app/left";
|
||||
@import "app/loading";
|
||||
@import "app/main/annotations";
|
||||
|
||||
@import "app/main/list";
|
||||
@import "app/main/log";
|
||||
@import "app/main/sponsors";
|
||||
// @import "app/main";
|
||||
// @import "app/maximize";
|
||||
@import "app/misc";
|
||||
@import "app/popup";
|
||||
@import "app/pro";
|
||||
// @import "app/profile/hooks";
|
||||
// @import "app/profile";
|
||||
// @import "app/requests";
|
||||
// @import "app/right/lists";
|
||||
// @import "app/right/sponsors";
|
||||
// @import "app/right";
|
||||
@import "app/settings";
|
||||
@import "app/tabs";
|
||||
|
||||
|
|
@ -66,9 +52,9 @@
|
|||
@import "app/layouts/profile";
|
||||
@import "app/layouts/top";
|
||||
@import "app/layouts/owner";
|
||||
// @import "app/top";
|
||||
|
||||
@import "app/landing";
|
||||
@import "app/layouts/requests";
|
||||
@import "app/layouts/caches";
|
||||
@import "app/layouts/getting-started";
|
||||
@import "app/layouts/first-sync";
|
||||
|
|
|
|||
|
|
@ -1,43 +0,0 @@
|
|||
.delete-repo-caches.deleting
|
||||
background-color: #bbb
|
||||
background-image: inline-image('ui/round-spinner.svg')
|
||||
background-repeat: no-repeat
|
||||
background-position: center
|
||||
background-size: 20px
|
||||
text-indent: -9999px
|
||||
|
||||
.delete-repo-caches
|
||||
display: inline-block
|
||||
margin: 6px 0 15px 0
|
||||
color: #ffffff
|
||||
background-color: #932828
|
||||
border-radius: 4px
|
||||
padding: 4px 15px 4px 15px
|
||||
font-size: 13px
|
||||
cursor: pointer
|
||||
|
||||
#caches
|
||||
.delete
|
||||
color: #EA0000
|
||||
.delete.deleting:after
|
||||
content: ""
|
||||
background-image: inline-image('ui/spinner.svg')
|
||||
background-repeat: no-repeat
|
||||
background-position: center
|
||||
background-size: 13px
|
||||
width: 13px
|
||||
height: 10px
|
||||
display: inline-block
|
||||
.caches-group
|
||||
padding-bottom: 5px
|
||||
|
||||
.branch
|
||||
font-size: 14px
|
||||
font-weight: bold
|
||||
|
||||
.caches-group .label
|
||||
font-weight: bold
|
||||
|
||||
.caches-list
|
||||
padding-top: 5px
|
||||
padding-left: 14px
|
||||
|
|
@ -1,39 +0,0 @@
|
|||
|
||||
.flash
|
||||
color: #fff
|
||||
font-weight: bold
|
||||
|
||||
li
|
||||
position: relative
|
||||
margin: -10px -40px 20px -30px
|
||||
padding: 15px 60px 15px 30px
|
||||
|
||||
a
|
||||
color: #ffffff
|
||||
text-decoration: underline
|
||||
|
||||
.success
|
||||
background-color: $color-bg-flash-success
|
||||
|
||||
.notice
|
||||
background-color: $color-bg-flash-notice
|
||||
|
||||
.error
|
||||
background-color: $color-bg-flash-error
|
||||
|
||||
.broadcast
|
||||
background-color: $color-bg-flash-broadcast
|
||||
|
||||
p
|
||||
margin: 0
|
||||
|
||||
.close
|
||||
display: block
|
||||
position: absolute
|
||||
top: 17px
|
||||
right: 30px
|
||||
width: 16px
|
||||
height: 16px
|
||||
background: inline-image('ui/close-white.svg') no-repeat 0 0
|
||||
cursor: pointer
|
||||
|
||||
|
|
@ -1,120 +0,0 @@
|
|||
#first_sync
|
||||
width: 850px
|
||||
margin: 0 auto
|
||||
padding-top: 30px
|
||||
font-size: 17px
|
||||
line-height: 26px
|
||||
text-align: center
|
||||
|
||||
.first-sync-head
|
||||
font-size: 35px
|
||||
color: #337389
|
||||
font-weight: 800
|
||||
text-align: center
|
||||
margin: 0
|
||||
|
||||
.few-more
|
||||
color: #919191
|
||||
font-size: 20px
|
||||
font-weight: 400
|
||||
text-align: center
|
||||
padding: 0
|
||||
margin: 0
|
||||
|
||||
.great-news
|
||||
font-size: 35px
|
||||
color: #337389
|
||||
text-align: center
|
||||
color: #c44845
|
||||
font-weight: 800
|
||||
margin: 0
|
||||
|
||||
p
|
||||
text-align: left
|
||||
padding-bottom: 10px
|
||||
|
||||
.spinner
|
||||
border: 0px
|
||||
padding-bottom: 30px
|
||||
align: center
|
||||
|
||||
.sync-row
|
||||
display: inline-block
|
||||
clear: all
|
||||
padding-top: 30px
|
||||
|
||||
.sync-column
|
||||
padding-right: 28px
|
||||
max-width: 380px
|
||||
display: block
|
||||
float: left
|
||||
clear: all
|
||||
|
||||
#getting-started
|
||||
width: 850px
|
||||
margin: 0 auto
|
||||
padding-top: 30px
|
||||
font-family: 'Source Sans Pro'
|
||||
text-align: left
|
||||
|
||||
h2
|
||||
color: #919191
|
||||
font-weight: 400
|
||||
line-height: 30px
|
||||
text-align: center
|
||||
|
||||
h3
|
||||
font-size: 30px
|
||||
color: #337389
|
||||
text-align: center
|
||||
|
||||
.getting-started-row
|
||||
display: inline-block
|
||||
clear: all
|
||||
padding-top: 30px
|
||||
|
||||
a
|
||||
color: #337389
|
||||
text-decoration: underline
|
||||
|
||||
&:hover
|
||||
color: #607a84
|
||||
text-decoration: underline
|
||||
|
||||
img
|
||||
padding: 0
|
||||
float: none
|
||||
margin: 15px 0 0 0
|
||||
width: 450px
|
||||
|
||||
p
|
||||
font-size: 17px
|
||||
line-height: 26px
|
||||
|
||||
.after-steps
|
||||
padding-top: 50px
|
||||
border-top : 1px solid #AAAAAA
|
||||
|
||||
.column
|
||||
padding-right: 20px
|
||||
max-width: 450px
|
||||
display: block
|
||||
float: left
|
||||
clear: all
|
||||
|
||||
.column-right
|
||||
width: 40%
|
||||
display: block
|
||||
float: left
|
||||
clear: all
|
||||
|
||||
.steps
|
||||
display: block
|
||||
margin-top: 10px
|
||||
font-size: 22px
|
||||
line-height: 30px
|
||||
font-weight: 400
|
||||
color: #bc3c3c
|
||||
|
||||
.end-of-steps
|
||||
padding-bottom: 50px
|
||||
|
|
@ -110,56 +110,3 @@
|
|||
a
|
||||
margin-left: 5px
|
||||
|
||||
// @media screen and (max-width: 1400px)
|
||||
// #left .duration_label
|
||||
// display: inline-block
|
||||
// width: 11px
|
||||
// height: 11px
|
||||
// margin-right: 1px
|
||||
// text-indent: 10px
|
||||
// overflow: hidden
|
||||
// background: inline-image('ui/clock.svg') no-repeat 0px 0px
|
||||
// background-size: contain
|
||||
|
||||
// @media screen and (max-width: 1400px)
|
||||
// #left .finished_at_label
|
||||
// display: none
|
||||
|
||||
// @media screen and (max-width: 1400px)
|
||||
// table#builds .committer
|
||||
// display: none
|
||||
|
||||
// @media handheld, only screen and (max-device-width: 980px)
|
||||
// #left
|
||||
// display: none
|
||||
// #main
|
||||
// min-width: 99%
|
||||
// max-width: 99%
|
||||
// padding: 0px
|
||||
|
||||
// .tabs
|
||||
// margin-top: 5px
|
||||
|
||||
// p.description
|
||||
// margin: 5px 0px
|
||||
|
||||
// #repo
|
||||
// padding: 15px 10px
|
||||
// width: 95%
|
||||
|
||||
// #top
|
||||
// width: 100%
|
||||
// min-width: 960px
|
||||
// #tools
|
||||
// display: none
|
||||
|
||||
// a
|
||||
// text-decoration : none
|
||||
|
||||
// .application,
|
||||
// .dashboard
|
||||
// height: 100%
|
||||
|
||||
|
||||
// .no-padding
|
||||
// padding : 0
|
||||
|
|
|
|||
23
app/styles/app/layouts/first-sync.sass
Normal file
23
app/styles/app/layouts/first-sync.sass
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
|
||||
.mascot
|
||||
display: block
|
||||
margin: 0 0 50px 0
|
||||
height: 150px
|
||||
background: inline-image('travis-mascot-150.png') 50% 0 no-repeat
|
||||
background-size: 150px 150px
|
||||
|
||||
|
||||
.first-sync
|
||||
margin-top: 5rem
|
||||
text-align: center
|
||||
|
||||
.great-news
|
||||
margin: 1.5em 0 1em
|
||||
font-size: 36px
|
||||
font-weight: 400
|
||||
color: $grey3
|
||||
|
||||
p
|
||||
font-size: $font-size-ml
|
||||
line-height: 1.5
|
||||
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
* Footer on the dashboard
|
||||
*/
|
||||
|
||||
$footer-height: 204px
|
||||
$footer-height: 210px
|
||||
|
||||
a
|
||||
color : $color-link
|
||||
|
|
@ -28,7 +28,7 @@ footer
|
|||
height: auto
|
||||
@media (min-width: 640px)
|
||||
.wrapper
|
||||
padding-bottom: $footer-height + 50
|
||||
padding-bottom: $footer-height
|
||||
|
||||
footer
|
||||
margin-top: - $footer-height
|
||||
|
|
|
|||
|
|
@ -1,20 +0,0 @@
|
|||
|
||||
#left
|
||||
#search_box
|
||||
height: 87px
|
||||
padding: 35px 20px 90px 20px
|
||||
background-color: $left-bg
|
||||
|
||||
input[type=text]
|
||||
height: 28px
|
||||
width: 100%
|
||||
padding: 0 0 0 10px
|
||||
color: $color-text
|
||||
font-size: $font-size-small
|
||||
border: 0
|
||||
background: $color-bg-input inline-image('ui/search.svg') no-repeat 95%
|
||||
background-size: 3%
|
||||
|
||||
@media #{$large-up}
|
||||
background-size: 5%
|
||||
|
||||
|
|
@ -1,131 +0,0 @@
|
|||
|
||||
#accounts,
|
||||
#repos
|
||||
@include resetul
|
||||
|
||||
&.open li .info
|
||||
display: block
|
||||
|
||||
a:hover,
|
||||
a:active
|
||||
text-decoration: underline
|
||||
|
||||
a:focus
|
||||
outline: 1px dotted
|
||||
|
||||
li
|
||||
position: relative
|
||||
font-size: $font-size-big
|
||||
padding: 15px 20px 15px 15px
|
||||
border-bottom: 1px solid $color-border-light
|
||||
background-repeat: no-repeat
|
||||
cursor: pointer
|
||||
|
||||
&: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
|
||||
a
|
||||
display: inline-block
|
||||
width: 91%
|
||||
text-overflow: ellipsis
|
||||
overflow: hidden
|
||||
vertical-align: top
|
||||
|
||||
.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 0
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
color: $color-text-light
|
||||
font-size: $font-size-small
|
||||
|
||||
.duration-icon
|
||||
display: inline-block
|
||||
width: 10px
|
||||
height: 10px
|
||||
margin-right: 5px
|
||||
background-image: inline-image('ui/clock.svg')
|
||||
background-size: cover
|
||||
|
||||
.finished-icon
|
||||
display: inline-block
|
||||
width: 10px
|
||||
height: 10px
|
||||
margin-right: 5px
|
||||
background-image: inline-image('ui/cal.svg')
|
||||
background-size: cover
|
||||
|
||||
.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
|
||||
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: calc(50% - 10px)
|
||||
left: -15px
|
||||
width: 20px
|
||||
height: 20px
|
||||
border: 1px solid $color-border-normal
|
||||
transform: rotate(45deg)
|
||||
|
||||
&.selected .indicator
|
||||
display: block
|
||||
|
||||
#left .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.svg')
|
||||
background-position: 29px 18px
|
||||
background-size: 0.9em
|
||||
&.organization
|
||||
background-image: inline-image('ui/org.svg')
|
||||
background-position: 24px 18px
|
||||
background-size: 0.9em
|
||||
.summary
|
||||
margin-left: 0
|
||||
.indicator
|
||||
span
|
||||
top: 32px
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
|
||||
#main
|
||||
h3
|
||||
margin: 13px 5px 0 0
|
||||
font-size: $font-size-huge
|
||||
line-height: 1
|
||||
a
|
||||
color: $main-repo-link-color
|
||||
text-decoration: none
|
||||
a:hover
|
||||
color: $main-repo-hover-color
|
||||
text-decoration: underline
|
||||
|
||||
#stats
|
||||
#main
|
||||
width: 600px
|
||||
padding: 20px 0 0 0
|
||||
margin-left: auto
|
||||
margin-right: auto
|
||||
|
||||
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
#global_slider
|
||||
display: none
|
||||
|
||||
.pro.maximized
|
||||
#right
|
||||
display: none
|
||||
|
||||
#profile, #home
|
||||
&.pro.maximized .application
|
||||
#global_slider
|
||||
position: absolute
|
||||
background-color: $color-bg-slider
|
||||
cursor: pointer
|
||||
background: transparent inline-image('ui/slider-open.svg') no-repeat 6px 5px
|
||||
border-top-left-radius: 4px
|
||||
top: 85px
|
||||
right: 0
|
||||
width: 20px
|
||||
height: 20px
|
||||
border-bottom-left-radius: 4px
|
||||
// display: block
|
||||
|
||||
&:hover
|
||||
background-color: $color-border-slider-hover
|
||||
|
||||
// #top .profile
|
||||
// margin-right: 15px
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
|
||||
#profile
|
||||
#main
|
||||
padding-top: 40px
|
||||
|
||||
h3
|
||||
height: 19px
|
||||
padding-bottom: 50px
|
||||
line-height: 19px
|
||||
color: $color-text
|
||||
|
||||
img
|
||||
float: left
|
||||
width: 100px
|
||||
height: 100px
|
||||
margin: 3px 20px 0 0
|
||||
border-radius: 100px
|
||||
background-color: $color-bg-light
|
||||
|
||||
dl.profile
|
||||
display: table
|
||||
font-size: 18px
|
||||
line-height: 30px
|
||||
margin: 0 0 20px 0
|
||||
div
|
||||
display: table-row
|
||||
dt
|
||||
color: #939386
|
||||
font-weight: 600
|
||||
display: table-cell
|
||||
padding-right: 20px
|
||||
dd
|
||||
margin-left: 0
|
||||
color: #337389
|
||||
a
|
||||
color: #337389
|
||||
|
||||
form
|
||||
clear: left
|
||||
|
||||
.tip
|
||||
margin-top: -5px
|
||||
color: $color-text-light
|
||||
|
||||
.message
|
||||
margin-top: 20px
|
||||
padding: 10px 10px
|
||||
color: $color-text-light
|
||||
border: 1px solid #DDD
|
||||
|
||||
.sync_now
|
||||
float: right
|
||||
margin-top: -6px
|
||||
|
|
@ -1,76 +0,0 @@
|
|||
|
||||
#profile
|
||||
#unadministerable-hooks
|
||||
margin-top: 15px
|
||||
h3
|
||||
font-size: $font-size-big
|
||||
.tip
|
||||
margin-top: 5px
|
||||
|
||||
#hooks, #unadministerable-hooks
|
||||
|
||||
@include resetul
|
||||
|
||||
.travis-switch
|
||||
font-size: 10px
|
||||
margin-top: 10px
|
||||
|
||||
li
|
||||
box-sizing: content-box
|
||||
position: relative
|
||||
height: 19px
|
||||
padding: 10px
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
border-bottom: 1px solid $color-border-light
|
||||
|
||||
&:nth-child(odd)
|
||||
background-color: $color-bg-hooks-odd
|
||||
.controls
|
||||
background: $color-bg-hooks-odd
|
||||
|
||||
&:nth-child(even)
|
||||
background-color: $color-bg-hooks-even
|
||||
.controls
|
||||
background: $color-bg-hooks-even
|
||||
|
||||
> a
|
||||
float: left
|
||||
font-size: $font-size-big
|
||||
text-decoration: none
|
||||
|
||||
.description
|
||||
display: none
|
||||
margin-left: 10px
|
||||
line-height: 22px
|
||||
font-size: $font-size-smaller
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
color: $color-text-light
|
||||
|
||||
.controls
|
||||
position: absolute
|
||||
top: 8px
|
||||
right: 0
|
||||
white-space: nowrap
|
||||
a
|
||||
float: left
|
||||
display: block
|
||||
|
||||
.repo-settings-icon
|
||||
// Overriding an earlier definition above, which is probably
|
||||
// obsolete. TODO: Remove if so.
|
||||
position: relative
|
||||
height: 20px
|
||||
width: 20px
|
||||
padding-right: 0
|
||||
background: inline-image('ui/repo-settings.png') no-repeat 3px 4px
|
||||
|
||||
&:hover
|
||||
> a
|
||||
color: $color-link-highlight
|
||||
|
||||
.description
|
||||
display: inline
|
||||
|
||||
|
|
@ -1,23 +0,0 @@
|
|||
|
||||
#request
|
||||
h3
|
||||
font-size: 120%
|
||||
padding-left: 15px
|
||||
background-position: 0px 6px
|
||||
background-repeat: no-repeat
|
||||
&.accepted
|
||||
h3
|
||||
background-image: inline-image('icons/state-passed.svg')
|
||||
color: $color-text-status-passed
|
||||
&.rejected
|
||||
h3
|
||||
background-image: inline-image('icons/state-failed.svg')
|
||||
color: $color-text-status-failed
|
||||
.pr-number
|
||||
border-bottom: dotted black 1px
|
||||
|
||||
#requests
|
||||
td.commit-message
|
||||
max-width: 250px
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
|
||||
#profile
|
||||
#right
|
||||
padding-top: 13px
|
||||
padding-right: 20px
|
||||
padding-left: 20px
|
||||
background-color: #E9E9E7
|
||||
border-left: 1px solid $color-border-normal
|
||||
|
||||
h4
|
||||
margin: 24px 0 0 0
|
||||
|
||||
ul
|
||||
margin-top: 10px
|
||||
|
||||
.box
|
||||
margin-top: 15px
|
||||
margin-left: -3px
|
||||
padding: 15px
|
||||
border: 1px solid #e0e0e0
|
||||
background-color: $white
|
||||
|
||||
h4
|
||||
margin: 0
|
||||
a
|
||||
text-decoration: underline
|
||||
li
|
||||
list-style-type: square
|
||||
margin-left: 15px
|
||||
|
||||
|
||||
|
|
@ -1,103 +0,0 @@
|
|||
|
||||
#right
|
||||
.tabs
|
||||
margin-top: 28px
|
||||
height: 25px
|
||||
border-bottom-color: $color-border-light
|
||||
|
||||
li
|
||||
display: inline-block
|
||||
height: 24px
|
||||
margin-right: 5px
|
||||
background-color: $color-bg-right
|
||||
border: 1px solid $color-bg-right
|
||||
border-bottom-color: $color-border-light
|
||||
white-space: nowrap
|
||||
cursor: pointer
|
||||
border-top-radius: 2px
|
||||
font-size: 10px
|
||||
|
||||
&:hover
|
||||
background-color: $color-bg-tab-hover
|
||||
border-color: $color-border-light
|
||||
border-bottom-color: $color-bg-tab-active
|
||||
|
||||
.active
|
||||
background-color: $color-bg-tab-active
|
||||
border-color: $color-border-light
|
||||
border-bottom-color: $color-bg-tab-active
|
||||
|
||||
h5
|
||||
margin: 0
|
||||
font-size: $font-size-small
|
||||
font-weight: normal
|
||||
line-height: 26px
|
||||
|
||||
a
|
||||
display: block
|
||||
padding: 0 10px
|
||||
|
||||
.pane
|
||||
position: relative
|
||||
|
||||
#toggle-workers
|
||||
position: absolute
|
||||
top: -30px
|
||||
right: 5px
|
||||
display: inline-block
|
||||
width: 10px
|
||||
height: 10px
|
||||
cursor: pointer
|
||||
background: inline-image('ui/workers-open.svg') no-repeat left 5px
|
||||
&.open
|
||||
background-image: inline-image('ui/workers-close.svg')
|
||||
|
||||
#workers li ul
|
||||
display: none
|
||||
|
||||
#queues
|
||||
margin-top: 0
|
||||
|
||||
#workers li,
|
||||
#queues ul li
|
||||
overflow: hidden
|
||||
white-space: nowrap
|
||||
margin: 0
|
||||
list-style-type: none
|
||||
|
||||
h5
|
||||
font-size: $font-size-small
|
||||
font-weight: normal
|
||||
margin: 0px
|
||||
cursor: pointer
|
||||
|
||||
ul
|
||||
margin-top: 8px
|
||||
margin-bottom: 5px
|
||||
padding-left: 1px
|
||||
|
||||
.name,
|
||||
.slug
|
||||
display: inline-block
|
||||
display: -moz-inline-stack
|
||||
overflow: hidden
|
||||
white-space: nowrap
|
||||
text-overflow: ellipsis
|
||||
vertical-align: top
|
||||
|
||||
.name
|
||||
max-width: 140px
|
||||
|
||||
.slug
|
||||
max-width: 150px
|
||||
|
||||
&.open ul
|
||||
display: block
|
||||
|
||||
.status
|
||||
display: inline-block
|
||||
width: 8px
|
||||
height: 8px
|
||||
margin-right: 3px
|
||||
border-radius: 4px
|
||||
|
||||
|
|
@ -1,58 +0,0 @@
|
|||
|
||||
#right
|
||||
.sponsors
|
||||
&.top
|
||||
height: 140px
|
||||
margin-left: -3px
|
||||
|
||||
li
|
||||
overflow: hidden
|
||||
width: 205px
|
||||
margin: 0 0 8px 0
|
||||
border: 1px solid $color-border-light
|
||||
border-radius: 8px
|
||||
list-style-type: none
|
||||
|
||||
a
|
||||
overflow: hidden
|
||||
|
||||
img
|
||||
z-index: 200
|
||||
overflow: hidden
|
||||
width: 205px
|
||||
border-radius: 8px
|
||||
|
||||
.platinum
|
||||
height: 130px
|
||||
img
|
||||
height: 130px
|
||||
|
||||
.gold
|
||||
height: 60px
|
||||
img
|
||||
height: 60px
|
||||
|
||||
.silver
|
||||
h5
|
||||
margin: 0
|
||||
p
|
||||
margin: 0
|
||||
|
||||
.box .sponsors
|
||||
li
|
||||
list-style-type: none
|
||||
margin-left: 0
|
||||
padding-bottom: 12px
|
||||
a
|
||||
color: $color-link-sponsor
|
||||
font-weight: bold
|
||||
text-decoration: none
|
||||
|
||||
.hint
|
||||
margin: 0 0 0 2px
|
||||
font-size: $font-size-tiny
|
||||
text-align: left
|
||||
a
|
||||
color: $gray-medium-1
|
||||
|
||||
|
||||
|
|
@ -1,177 +0,0 @@
|
|||
|
||||
$top-height: 55px
|
||||
|
||||
.top
|
||||
position: relative
|
||||
z-index: 999
|
||||
font-size: $font-size-normal
|
||||
background: $topbar-bg
|
||||
|
||||
.navigation
|
||||
@include resetul
|
||||
height: 0
|
||||
overflow: hidden
|
||||
line-height: $top-height
|
||||
&.is-open
|
||||
height: auto
|
||||
|
||||
ul
|
||||
@include resetul
|
||||
line-height: 30px
|
||||
|
||||
a, span
|
||||
color: $white
|
||||
text-decoration: none
|
||||
|
||||
li
|
||||
border-top: 1px solid $topbar-bg-darker
|
||||
a, span
|
||||
display: block
|
||||
padding: 2px 12px 0
|
||||
&:hover
|
||||
color: $color-link-top-highlight
|
||||
|
||||
img
|
||||
margin: 10px 10px 7px 10px
|
||||
width : 30px
|
||||
height : 30px
|
||||
border-radius: 100px
|
||||
@media #{$medium-up}
|
||||
float : right
|
||||
margin : 12px 0 0 10px
|
||||
|
||||
a.werehiring
|
||||
background-color: $topbar-bg-darker
|
||||
border-radius: 4px
|
||||
padding: 8px 16px
|
||||
line-height: 20px
|
||||
margin-right: 80px
|
||||
display: inline
|
||||
|
||||
li.traviscicom
|
||||
a
|
||||
padding-left: 0px
|
||||
|
||||
@media #{$medium-up}
|
||||
overflow: visible
|
||||
height: $top-height
|
||||
|
||||
.navigation
|
||||
height: auto
|
||||
overflow: visible
|
||||
ul
|
||||
line-height: $top-height
|
||||
position: relative
|
||||
li
|
||||
display: inline-block
|
||||
border: none
|
||||
|
||||
@media #{$medium-only}
|
||||
li.traviscicom
|
||||
display: none
|
||||
|
||||
.menu
|
||||
position: relative
|
||||
|
||||
&.signed-out
|
||||
ul
|
||||
display: none
|
||||
.handle
|
||||
margin: 0
|
||||
|
||||
&:hover > ul
|
||||
display: block
|
||||
|
||||
ul li a
|
||||
padding-left: 3em
|
||||
|
||||
@media #{$medium-up}
|
||||
ul
|
||||
display: none
|
||||
position: absolute
|
||||
z-index: 300
|
||||
right: 0px
|
||||
top: 52px
|
||||
width: 100%
|
||||
background-color: $color-bg-dropdown
|
||||
li
|
||||
display: block
|
||||
li a
|
||||
display: block
|
||||
line-height: 24px
|
||||
white-space: nowrap
|
||||
padding: 5px 20px
|
||||
&:hover
|
||||
background-color: $color-bg-dropdown-highlight
|
||||
|
||||
.menu.community
|
||||
min-width: 120px
|
||||
|
||||
.menu.profile
|
||||
padding: 0.2em 0px 0.5em
|
||||
.centered & .handle a
|
||||
padding-right: 0
|
||||
@media #{$medium-up}
|
||||
padding: 0
|
||||
&.signed-in
|
||||
top: 2px
|
||||
|
||||
img
|
||||
width: 30px
|
||||
height: 30px
|
||||
border-radius: 100px
|
||||
|
||||
ul
|
||||
min-width: 145px
|
||||
a
|
||||
padding: 5px 25px 5px 45px
|
||||
|
||||
@media #{$medium-up}
|
||||
float: right
|
||||
|
||||
.handle > *
|
||||
display: none
|
||||
padding: 0 15px 0 45px
|
||||
.signed-out, .signing-in
|
||||
min-width: 110px
|
||||
&.signed-out .signed-out
|
||||
display: block
|
||||
&.signing-in .signing-in
|
||||
display: inline-block
|
||||
&.signed-in .signed-in
|
||||
display: block
|
||||
|
||||
&:not(.signed-in):hover ul
|
||||
display: none
|
||||
|
||||
|
||||
.logo
|
||||
position: relative
|
||||
float : left
|
||||
width : 123px
|
||||
height : $top-height
|
||||
margin-right : 14px
|
||||
z-index: 999
|
||||
text-indent : -9999px
|
||||
background : $logo-red inline-image('ui/travis-logo.svg') no-repeat 20px 18px
|
||||
a
|
||||
display: block
|
||||
|
||||
|
||||
.burger
|
||||
overflow: auto
|
||||
height: $top-height
|
||||
@media #{$medium-up}
|
||||
display: none
|
||||
|
||||
.burger-btn
|
||||
float: right
|
||||
font-size: 50px
|
||||
background: none
|
||||
border: none
|
||||
line-height: 1
|
||||
color: $white
|
||||
outline: none !important
|
||||
@include clearfix
|
||||
&:hover
|
||||
cursor: pointer
|
||||
|
|
@ -1,30 +1,25 @@
|
|||
<div id="first_sync">
|
||||
<div id="first_sync" class="row first-sync">
|
||||
<div class="column medium-6 medium-centered">
|
||||
{{#if isSyncing}}
|
||||
<img src="/images/getting-started/mustache-spinner.gif" class="spinner" width="300">
|
||||
<p class="first-sync-head">One more thing</p>
|
||||
<p class="few-more">Just a few more seconds as we talk to GitHub to find out which repositories belong to you.</p>
|
||||
<div class="sync-row">
|
||||
<div class="sync-column">
|
||||
<p class="align-right">
|
||||
If you're part of an organization that already has repositories set up on Travis CI, we'll take you to the list once we're done.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="sync-column">
|
||||
<p>
|
||||
If you're not part of any existing organizations yet, we'll take you to a handy getting started guide to get you off the ground quickly.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<img src="/images/getting-started/mustache-spinner.gif" class="spinner" width="300">
|
||||
<h1 class="first-sync-head great-news">One more thing</h1>
|
||||
<p class="few-more">Just a few more seconds as we talk to GitHub to find out which repositories belong to you.</p>
|
||||
<p class="align-right">
|
||||
If you're part of an organization that already has repositories set up on Travis CI, we'll take you to the list once we're done.
|
||||
</p>
|
||||
<p>
|
||||
If you're not part of any existing organizations yet, we'll take you to a handy getting started guide to get you off the ground quickly.
|
||||
</p>
|
||||
{{/if}}
|
||||
|
||||
{{#unless isSyncing}}
|
||||
<div class="sync-row">
|
||||
<img src="/images/getting-started/mustache-no-spin.png" class="spinner" width="100">
|
||||
<p class="great-news">Great news!</p>
|
||||
<p>
|
||||
We've successfully synchronized your details from GitHub. We will redirect you to your profile in a few seconds.
|
||||
</p>
|
||||
</div>
|
||||
<figure>
|
||||
<span class="mascot"></span>
|
||||
</figure>
|
||||
<h1 class="great-news">Great news!</h1>
|
||||
<p>
|
||||
We've successfully synchronized your details from GitHub.<br>We will redirect you to your profile in a few seconds.
|
||||
</p>
|
||||
{{/unless}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,18 @@
|
|||
<div id="top" class="top">
|
||||
{{render "top"}}
|
||||
<div class="wrapper">
|
||||
<header id="top" class="topbar">
|
||||
<div class="centered">
|
||||
{{render "top"}}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="centered">
|
||||
{{render "flash"}}
|
||||
<div id="main" class="main" role="main">
|
||||
{{yield}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{render "flash"}}
|
||||
|
||||
<div id="main">
|
||||
{{yield}}
|
||||
</div>
|
||||
<footer>
|
||||
{{render "footer"}}
|
||||
</footer>
|
||||
Loading…
Reference in New Issue
Block a user