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

fix topbar navigation (again)

Browse Source
This commit is contained in:
Lisa P 2015-10-20 18:03:40 +02:00
parent 99e3864acd
commit 36147b36a0
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/styles/app/layouts/broadcasts.sass
View File

@ -2,10 +2,12 @@
display: inline-block display: inline-block
height: $top-height height: $top-height
width: 40px width: 40px
margin-left: 1em
line-height: $top-height line-height: $top-height
cursor: pointer cursor: pointer
vertical-align: middle vertical-align: middle
float: left @media #{$medium-up}
float: left
.broadcasts .broadcasts
position: relative position: relative
@ -30,7 +32,7 @@
height: 14px height: 14px
background: $white background: $white
top: -0.5em top: -0.5em
left: 123px left: 136px
transform: rotate(45deg) transform: rotate(45deg)
border-top: solid 2px $cream-dark border-top: solid 2px $cream-dark
border-left: solid 2px $cream-dark border-left: solid 2px $cream-dark
@ -41,6 +43,7 @@
p p
margin: .5em 0 margin: .5em 0
padding-left: 1.5rem padding-left: 1.5rem
font-size: .9em
word-wrap: break-word word-wrap: break-word
a a
display: inline display: inline
@ -66,13 +69,13 @@
@media #{$medium-up} @media #{$medium-up}
position: absolute position: absolute
top: 3.3em top: 3.3em
left: 130px left: 145px
width: 27em width: 27em
height: auto height: auto
z-index: 70 z-index: 70
margin-left: -0.7em margin-left: -0.7em
.centered & .centered &
left: 118px left: 133px
&:after &:after
left: 1rem left: 1rem

5
app/styles/app/modules/navigation.sass
View File

@ -9,6 +9,7 @@ $nav-line-height: 35px
height: 0 height: 0
will-change: height will-change: height
transition: height 200ms ease transition: height 200ms ease
overflow: hidden
> ul > ul
padding: 0 padding: 0
margin: 0 margin: 0
@ -19,6 +20,7 @@ $nav-line-height: 35px
height: 100% height: 100%
@media #{$medium-up} @media #{$medium-up}
overflow: visible
> ul > li > ul > li
display: inline-block display: inline-block
vertical-align: middle vertical-align: middle
@ -29,6 +31,7 @@ $nav-line-height: 35px
color: $grey-medium color: $grey-medium
text-align: right text-align: right
line-height: $top-height line-height: $top-height
float: right
img img
border-radius: 50% border-radius: 50%
width: 2.7rem width: 2.7rem
@ -36,7 +39,7 @@ $nav-line-height: 35px
margin-left: 1rem margin-left: 1rem
@media #{$medium-up} @media #{$medium-up}
margin-right: 0 margin-right: 0
float: right
.navigation-anchor .navigation-anchor
display: block display: block