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

some topbar refactoring

Browse Source
This commit is contained in:
Lisa Passing 2015-04-17 11:19:57 +02:00
parent d0e0c9588b
commit 64dc75fa2d
2 changed files with 32 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
app/styles/app/layouts/top.sass
View File

@ -15,10 +15,8 @@ $top-height: 55px
p p
position: relative position: relative
margin-top: 0 margin: 0
margin-bottom: 0 padding: 0
padding-top: 0
padding-bottom: 0
.arrow .arrow
display: block display: block
@ -69,20 +67,11 @@ $top-height: 55px
&:hover &:hover
cursor: pointer cursor: pointer
.topbar .topbar
font-size: $font-size-m font-size: $font-size-m
background-color: #eff0ec background-color: #eff0ec
color: $grey1 color: $grey1
a
display: block
color: #898989
border-bottom: solid 1px #eff0ec
padding: 0 .2em
font-size: $font-size-m
@media #{$small-only}
.navigation .navigation
height: 0 height: 0
overflow: hidden overflow: hidden
@ -99,6 +88,22 @@ $top-height: 55px
position: relative position: relative
margin: 0 margin: 0
.navigation-sub
position: relative
a,
.navigation-handle span
display: block
color: #898989
border-bottom: solid 1px #eff0ec
font-size: $font-size-m
cursor: pointer
height: $top-height
line-height: $top-height + 2px
border: none
&:hover
text-decoration: underline
.navigation--profile .navigation--profile
img img
border-radius: 50%; border-radius: 50%;
@ -107,14 +112,12 @@ $top-height: 55px
margin-left: 1rem; margin-left: 1rem;
transform: translateY(-0.1rem); transform: translateY(-0.1rem);
.navigation-sub
position: relative
@media #{$medium-up} @media #{$medium-up}
height: $top-height height: $top-height
.navigation .navigation
height: $top-height height: $top-height
overflow: visible
> li > li
display: inline-block display: inline-block
margin-right: 1rem margin-right: 1rem
@ -122,12 +125,10 @@ $top-height: 55px
.centered & li.signed-in .centered & li.signed-in
.centered & li.signing-in .centered & li.signing-in
margin-right: 0 margin-right: 0
a
height: $top-height a,
line-height: $top-height + 2px .navigation-handle span
border: none padding: 0 .2em
&:hover
text-decoration: underline
.navigation--profile .navigation--profile
float: right float: right

4
app/templates/top.hbs
View File

@ -11,7 +11,7 @@
<li class="navigation-sub navigation--community"> <li class="navigation-sub navigation--community">
<p class="handle navigation-handle"> <p class="handle navigation-handle">
<a href="#">Help</a> <span>Help</span>
</p> </p>
<ul class="navigation-nested"> <ul class="navigation-nested">
<li><a href="http://docs.travis-ci.com">Docs</a></li> <li><a href="http://docs.travis-ci.com">Docs</a></li>
@ -25,7 +25,7 @@
{{#if config.pro}} {{#if config.pro}}
<li class="navigation-sub navigation--legal"> <li class="navigation-sub navigation--legal">
<p class="handle navigation-handle"> <p class="handle navigation-handle">
<a>Legal</a> <span>Legal</span>
</p> </p>
<ul class="navigation-nested"> <ul class="navigation-nested">
<li> <li>