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

also consider pro

Browse Source
This commit is contained in:
Lisa Passing 2015-02-03 17:53:33 +01:00
parent 7a60cfe9b2
commit f9e6108537
18 changed files with 170 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/scripts/app/templates/layouts/dashboard.hbs
View File

@ -1,5 +1,5 @@
<div class="centered"> <div class="centered">
<div class="wrapper"> <div class="wrapper wrapper-dashboard">
<div id="top"> <div id="top">
<div class="row"> <div class="row">
<div class="small-2 medium-2 columns" id="logo"> <div class="small-2 medium-2 columns" id="logo">

35
assets/scripts/app/templates/layouts/home.hbs
View File

@ -1,18 +1,23 @@
<div id="top"> <div class="wrapper">
{{render "top"}}
</div>
<div id="main"> <header id="top">
{{render "flash"}} {{render "top"}}
{{yield}} </header>
</div>
<div id="left"> <div class="wrapper-main">
{{outlet "left"}} <main id="main" role="main">
</div> {{render "flash"}}
{{yield}}
{{#if config.pro}} </main>
<div id="right"> {{#if config.pro}}
{{render "sidebar"}} <aside id="right">
{{render "sidebar"}}
</aside>
{{/if}}
</div> </div>
{{/if}}
<aside id="left">
{{outlet "left"}}
</aside>
</div>

57
assets/scripts/app/templates/layouts/profile.hbs
View File

@ -1,32 +1,37 @@
<div id="top"> <div class="wrapper">
{{render "top"}} <header id="top">
</div> {{render "top"}}
</header>
<div id="left"> <div class="wrapper-main">
{{outlet "left"}} <main id="main" role="main">
</div> {{render "flash"}}
{{yield}}
</main>
<div id="main"> <aside id="right">
{{render "flash"}} <div id="slider" {{action "toggle" target=Travis.slider}}>
{{yield}} <div class='icon'></div>&nbsp;
</div> </div>
<div id="right"> <div class="box">
<div id="slider" {{action "toggle" target=Travis.slider}}> <h4>Getting started?</h4>
<div class='icon'></div>&nbsp; <p>
Please read our <a href="http://docs.travis-ci.com/user/getting-started">guide</a>.
You'll be up and running in no time!
</p>
<p>
You can find detailed docs on our <a href="http://docs.travis-ci.com">documentation</a> site.
</p>
<p>
If you need help <a href="http://stackoverflow.com/questions/ask?tags=travis-ci">ask a question</a> or hop on <a href="irc://irc.freenode.net/#travis">#travis</a> on irc.freenode.net
</p>
</div>
</aside>
</div> </div>
<div class="box"> <aside id="left">
<h4>Getting started?</h4> {{outlet "left"}}
<p> </aside>
Please read our <a href="http://docs.travis-ci.com/user/getting-started">guide</a>.
You'll be up and running in no time!
</p>
<p>
You can find detailed docs on our <a href="http://docs.travis-ci.com">documentation</a> site.
</p>
<p>
If you need help <a href="http://stackoverflow.com/questions/ask?tags=travis-ci">ask a question</a> or hop on <a href="irc://irc.freenode.net/#travis">#travis</a> on irc.freenode.net
</p>
</div>
</div> </div>

2
assets/scripts/app/templates/repo.hbs
View File

@ -17,8 +17,8 @@
<p class="description">{{description}}</p> <p class="description">{{description}}</p>
{{view 'repo-show-tabs'}}
{{view 'repo-actions'}} {{view 'repo-actions'}}
{{view 'repo-show-tabs'}}
<div class="tab"> <div class="tab">
{{outlet}} {{outlet}}

4
assets/scripts/app/templates/top.hbs
View File

@ -4,7 +4,9 @@
</div> </div>
{{/link-to}} {{/link-to}}
<button type="button" id="burger">&equiv;</button> <div class="nav-burger">
<button type="button" id="burger">&equiv;</button>
</div>
<ul id="navigation"> <ul id="navigation">
<li class="home"> <li class="home">

4
assets/styles/app/_mixins/vars.sass
View File

@ -1,5 +1,6 @@
$blue-grey: #404650 $blue-grey: #404650
$light-gray: #e9e9e7
$logo-red: #dc4136 $logo-red: #dc4136
@ -12,7 +13,8 @@ $main-repo-hover-color: #607a84
$travis-lint-color: #9b9d9e $travis-lint-color: #9b9d9e
$travis-lint-bg: #fafafa $travis-lint-bg: #fafafa
$left-bg: #e9e9e7 $left-bg: $light-gray
$right-bg: $light-gray
// dashboard // dashboard
$pass-color: #3ba85d $pass-color: #3ba85d

8
assets/styles/app/auth.sass
View File

@ -5,10 +5,7 @@
margin: 0 auto margin: 0 auto
padding: 100px 50px 0 50px padding: 100px 50px 0 50px
height: 100px height: 100px
width: 400px
-webkit-flex: none
flex: none
width: 300px
min-width: auto min-width: auto
max-height: 400px max-height: 400px
@include border-radius(8px) @include border-radius(8px)
@ -24,6 +21,7 @@
color: #337389 color: #337389
text-align: center text-align: center
margin: 0 margin: 0
line-height: 1
p p
text-align: center text-align: center
@ -56,7 +54,7 @@
width: 850px width: 850px
margin: 0 auto margin: 0 auto
padding-top: 30px padding-top: 30px
font-family: 'Source Sans Pro', Helvetica, sans-serif // font-family: 'Source Sans Pro', Helvetica, sans-serif
font-size: 17px font-size: 17px
line-height: 26px line-height: 26px
text-align: center text-align: center

1
assets/styles/app/components/travis-switch.sass
View File

@ -13,6 +13,7 @@ p.settings-row
line-height: 30px line-height: 30px
.travis-switch .travis-switch
box-sizing: content-box
position: relative position: relative
display: inline-block display: inline-block
float: left float: left

63
assets/styles/app/layout.sass
View File

@ -40,12 +40,25 @@
position: relative position: relative
padding: 20px 30px 80px padding: 20px 30px 80px
.wrapper
overflow: hidden
#main,
#left,
#right
margin-bottom: -99999px
padding-bottom: 100034px
@media #{$medium-up} @media #{$medium-up}
#main #main
width: grid-calc(22, 24) width: grid-calc(22, 24)
margin: auto margin: auto
#auth
#main
float: none
#profile #profile
#main #main
width: grid-calc(18, 24) width: grid-calc(18, 24)
@ -56,6 +69,32 @@
width: grid-calc(6, 24) width: grid-calc(6, 24)
float: right float: right
.pro,
#profile.pro
.wrapper-main
overflow: auto
width: grid-calc(24, 24)
clear: both
#main
width: grid-calc(18, 24)
float: left
overflow: hidden
#right
width: grid-calc(6, 24)
float: right
.pro.maximized,
#profile.pro.maximized
.wrapper-main
width: grid-calc(24, 24)
clear: both
#main
width: grid-calc(24, 24)
float: none
overflow: hidden
#right
width: 0
@media #{$large-up} @media #{$large-up}
#left #left
@ -74,6 +113,30 @@
#right #right
width: grid-calc(4, 24) width: grid-calc(4, 24)
.pro,
#profile.pro
.wrapper-main
width: grid-calc(19, 24)
float: right
#main
width: grid-calc(19, 24)
float: left
#right
width: grid-calc(5, 24)
float: right
.pro.maximized,
#profile.pro.maximized
.wrapper-main
overflow: auto
width: grid-calc(19, 24)
float: right
#main
width: grid-calc(24, 24)
float: none
#right
width: 0
.travis-lint .travis-lint
background-color: $travis-lint-bg background-color: $travis-lint-bg
width: 100% width: 100%

4
assets/styles/app/layouts/dashboard.sass
View File

@ -5,6 +5,10 @@
@import "app/_mixins/all" @import "app/_mixins/all"
.wrapper-dashboard
background-color: $wrapper-bg-color
.current-org-avatar .current-org-avatar
display : inline-block display : inline-block
height : 20px height : 20px

2
assets/styles/app/layouts/footer.sass
View File

@ -1,6 +1,7 @@
/* /*
* Footer on the dashboard * Footer on the dashboard
*/ */
@import "app/_mixins/all"
footer footer
padding : 20px 0 padding : 20px 0
@ -14,7 +15,6 @@ footer
padding-bottom: 334px padding-bottom: 334px
min-height: 100% min-height: 100%
height: auto height: auto
background-color: $wrapper-bg-color
@media (min-width: 640px) @media (min-width: 640px)
.wrapper .wrapper
padding-bottom: 204px padding-bottom: 204px

17
assets/styles/app/main/repository.sass
View File

@ -12,18 +12,13 @@
.status-image .status-image
position: relative position: relative
top: 10px
width: 90px width: 90px
height: 25px height: 25px
display: inline-block
margin-left: 15px
vertical-align: top vertical-align: top
a#status-image-popup a#status-image-popup
display: inline-block display: inline-block
opacity: 1.0 opacity: 1.0
//margin-top: 8px
img img
border: none border: none
@ -32,12 +27,10 @@
height: 21px height: 21px
display: inline-block display: inline-block
position: relative position: relative
top: 9px
vertical-align: top vertical-align: top
.github-icon .github-icon
img img
margin-top: 2px
opacity: 0.65 opacity: 0.65
.not-found .not-found
@ -89,3 +82,13 @@
background-size: 12px background-size: 12px
opacity: 1 opacity: 1
padding-right: 16px padding-right: 16px
@media #{$medium-up}
.github-icon
display: inline-block
top: 9px
.status-image
display: inline-block
top: 9px

4
assets/styles/app/main/tools.sass
View File

@ -2,6 +2,8 @@
#tools #tools
position: relative
@media #{$medium-up} @media #{$medium-up}
position: relative position: relative
float: right float: right
@ -67,6 +69,8 @@
@media #{$medium-up} @media #{$medium-up}
float: right float: right
position: relative
top: 1.8em
ul ul
margin-top: -27px margin-top: -27px
li li

14
assets/styles/app/maximize.sass
View File

@ -2,23 +2,23 @@
.pro.maximized .pro.maximized
#right #right
width: 0 display: none
padding: 0
flex: 0
-webkit-flex: 0
-moz-flex: 0
-ms-flex: 0
*:not(#slider):not(.icon):not(.ember-view) *:not(#slider):not(.icon):not(.ember-view)
display: none display: none
#slider #slider
top: 45px
left: -20px left: -20px
width: 20px width: 20px
height: 20px height: 20px
background-image: inline-image('ui/slider-open.svg') background-image: inline-image('ui/slider-open.svg')
background-position: 6px 5px background-position: 6px 5px
@include border-bottom-left-radius(4px) @include border-bottom-left-radius(4px)
top: 45px display: none
@media #{$medium-up}
display: block
#top .profile #top .profile
margin-right: 15px margin-right: 15px

13
assets/styles/app/pro.sass
View File

@ -104,10 +104,8 @@
.group a .group a
cursor: pointer cursor: pointer
@import "app/_mixins/all"
#right #right
padding-bottom: 80px // padding-bottom: 80px
h4 h4
margin: 24px 0 0 0 margin: 24px 0 0 0
@ -160,15 +158,8 @@
text-decoration: underline text-decoration: underline
cursor: pointer cursor: pointer
@mixin flex($grow, $shrink, $size)
-webkit-flex: $grow $shrink $size
flex: $grow $shrink $size
#right #right
@include flex(1, 1, 300px) background-color: $right-bg
max-width: 180px
padding: 25px 20px 80px 20px
background-color: #E9E9E7
border-left: 1px solid $color-border-normal border-left: 1px solid $color-border-normal
#settings li.env-var span.name #settings li.env-var span.name

1
assets/styles/app/profile/hooks.sass
View File

@ -15,6 +15,7 @@
margin-top: 10px margin-top: 10px
li li
box-sizing: content-box
position: relative position: relative
height: 19px height: 19px
padding: 10px padding: 10px

7
assets/styles/app/right.sass
View File

@ -2,11 +2,10 @@
#profile #profile
#right #right
//min-width: 180px padding-top: 13px
//max-width: 180px padding-right: 20px
padding: 13px 20px 80px 20px padding-left: 20px
background-color: #E9E9E7 background-color: #E9E9E7
//float: right
border-left: 1px solid $color-border-normal border-left: 1px solid $color-border-normal
h4 h4

19
assets/styles/app/top.sass
View File

@ -55,7 +55,13 @@
li.traviscicom li.traviscicom
display: none display: none
.nav-burger
overflow: auto
@media #{$medium-up}
display: none
#burger #burger
float: right
font-size: 50px font-size: 50px
background: none background: none
border: none border: none
@ -65,8 +71,7 @@
@include clearfix @include clearfix
&:hover &:hover
cursor: pointer cursor: pointer
@media #{$medium-up}
display: none
&.is-open &.is-open
height: auto height: auto
@ -118,8 +123,6 @@
width: 30px width: 30px
height: 30px height: 30px
border-radius: 100px border-radius: 100px
-webkit-border-radius: 100px
-moz-border-radius: 100px
ul ul
min-width: 145px min-width: 145px
@ -175,13 +178,13 @@
// display : none // display : none
#top img #top img
float : right margin: 10px 10px 7px 10px
margin : 14px 0 0 10px
width : 30px width : 30px
height : 30px height : 30px
border-radius: 100px border-radius: 100px
@media #{$medium-up}
float : right
margin : 14px 0 0 10px
// #user ul // #user ul
// text-align : left // text-align : left