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

Center top bar on landing page and for not logged in user

Browse Source
This commit is contained in:
Piotr Sarnacki 2015-03-31 10:53:02 +02:00
parent 6695a8e19a
commit ae3c12d0a8
4 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/styles/app/landing.sass
View File

@ -1,3 +1,8 @@
.top.landing-page,
.wrapper.centered .top
margin: 0 auto
max-width: 1200px
#landing #landing
margin: 0 auto margin: 0 auto
max-width: 1200px max-width: 1200px
@ -170,4 +175,4 @@
p p
font-size: 1.15em font-size: 1.15em
font-weight: 300 font-weight: 300
color: #606162 color: #606162

10
app/styles/app/layout.sass
View File

@ -63,13 +63,13 @@
margin-left: -100% margin-left: -100%
max-width: 325px max-width: 325px
.wrapper-main.non-centered .non-centered .wrapper-main
width: grid-calc(18, 24) width: grid-calc(18, 24)
float: left float: left
margin-left: grid-calc(6, 24) margin-left: grid-calc(6, 24)
overflow: visible overflow: visible
.wrapper-main.centered .centered .wrapper-main
max-width: 1024px max-width: 1024px
margin-left: auto margin-left: auto
margin-right: auto margin-right: auto
@ -77,21 +77,21 @@
@media #{$xlarge-up} @media #{$xlarge-up}
#left #left
width: grid-calc(7, 36) width: grid-calc(7, 36)
.wrapper-main.non-centered .non-centered .wrapper-main
width: grid-calc(29, 36) width: grid-calc(29, 36)
margin-left: grid-calc(7, 36) margin-left: grid-calc(7, 36)
@media #{$xxlarge-up} @media #{$xxlarge-up}
#left #left
width: grid-calc(6, 36) width: grid-calc(6, 36)
.wrapper-main.non-centered .non-centered .wrapper-main
width: grid-calc(30, 36) width: grid-calc(30, 36)
margin-left: grid-calc(6, 36) margin-left: grid-calc(6, 36)
@media screen and (min-width: 2200px) @media screen and (min-width: 2200px)
#left #left
width: grid-calc(5, 36) width: grid-calc(5, 36)
.wrapper-main.non-centered .non-centered .wrapper-main
width: grid-calc(31, 36) width: grid-calc(31, 36)
margin-left: grid-calc(5, 36) margin-left: grid-calc(5, 36)

4
app/templates/layouts/home.hbs
View File

@ -1,4 +1,4 @@
<div class="wrapper"> <div {{bind-attr class=":wrapper auth.signedIn:non-centered:centered"}}>
<header id="top" class="top"> <header id="top" class="top">
{{render "top"}} {{render "top"}}
@ -6,7 +6,7 @@
{{render "flash"}} {{render "flash"}}
<div {{bind-attr class=":wrapper-main auth.signedIn:non-centered:centered"}}> <div class="wrapper-main">
<div id="main" role="main"> <div id="main" role="main">
{{yield}} {{yield}}
</div> </div>

2
app/templates/layouts/landing-page.hbs
View File

@ -1,4 +1,4 @@
<div id="top" class="top"> <div id="top" class="top landing-page">
{{render "top"}} {{render "top"}}
</div> </div>