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="wrapper">
<div class="wrapper wrapper-dashboard">
<div id="top">
<div class="row">
<div class="small-2 medium-2 columns" id="logo">

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

@ -1,18 +1,23 @@
<div id="top">
{{render "top"}}
</div>
<div class="wrapper">
<header id="top">
{{render "top"}}
</header>
<div id="main">
{{render "flash"}}
{{yield}}
</div>
<div id="left">
{{outlet "left"}}
</div>
{{#if config.pro}}
<div id="right">
{{render "sidebar"}}
<div class="wrapper-main">
<main id="main" role="main">
{{render "flash"}}
{{yield}}
</main>
{{#if config.pro}}
<aside id="right">
{{render "sidebar"}}
</aside>
{{/if}}
</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">
{{render "top"}}
</div>
<div class="wrapper">
<header id="top">
{{render "top"}}
</header>
<div id="left">
{{outlet "left"}}
</div>
<div class="wrapper-main">
<main id="main" role="main">
{{render "flash"}}
{{yield}}
</main>
<div id="main">
{{render "flash"}}
{{yield}}
</div>
<aside id="right">
<div id="slider" {{action "toggle" target=Travis.slider}}>
<div class='icon'></div>&nbsp;
</div>
<div id="right">
<div id="slider" {{action "toggle" target=Travis.slider}}>
<div class='icon'></div>&nbsp;
<div class="box">
<h4>Getting started?</h4>
<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 class="box">
<h4>Getting started?</h4>
<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 id="left">
{{outlet "left"}}
</aside>
</div>

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

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

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

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

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

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

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

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

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

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

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

@ -40,12 +40,25 @@
position: relative
padding: 20px 30px 80px
.wrapper
overflow: hidden
#main,
#left,
#right
margin-bottom: -99999px
padding-bottom: 100034px
@media #{$medium-up}
#main
width: grid-calc(22, 24)
margin: auto
#auth
#main
float: none
#profile
#main
width: grid-calc(18, 24)
@ -56,6 +69,32 @@
width: grid-calc(6, 24)
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}
#left
@ -74,6 +113,30 @@
#right
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
background-color: $travis-lint-bg
width: 100%

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

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

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

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

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

@ -12,18 +12,13 @@
.status-image
position: relative
top: 10px
width: 90px
height: 25px
display: inline-block
margin-left: 15px
vertical-align: top
a#status-image-popup
display: inline-block
opacity: 1.0
//margin-top: 8px
img
border: none
@ -32,12 +27,10 @@
height: 21px
display: inline-block
position: relative
top: 9px
vertical-align: top
.github-icon
img
margin-top: 2px
opacity: 0.65
.not-found
@ -89,3 +82,13 @@
background-size: 12px
opacity: 1
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
position: relative
@media #{$medium-up}
position: relative
float: right
@ -67,6 +69,8 @@
@media #{$medium-up}
float: right
position: relative
top: 1.8em
ul
margin-top: -27px
li

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

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

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

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

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

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

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

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

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

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