gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

improve mobile menu

Browse Source
This commit is contained in:
Quincy Larson
2015-06-05 22:11:30 -07:00
parent b8b807a38d
commit 6e1d5968bc
2 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/css/main.less
View File

@ -610,8 +610,9 @@ thead {
} }
.hamburger-dropdown { .hamburger-dropdown {
@media (max-width: 768px) { margin-top: -5px !important;
margin-top: -5px; @media (min-width: 768px) and (max-width: 991px) {
width: 105%;
} }
} }
@ -884,8 +885,7 @@ iframe.iphone {
.hamburger-text { .hamburger-text {
line-height: 0.75em; line-height: 0.75em;
margin-top: 10px; margin-top: 10px;
font-size: 16px; font-size: 18px;
margin-left: -8px;
} }
.tight-h3 { .tight-h3 {

11
views/partials/navbar.jade
View File

@ -1,13 +1,8 @@
nav.navbar.navbar-default.navbar-fixed-top.nav-height nav.navbar.navbar-default.navbar-fixed-top.nav-height
.navbar-header .navbar-header
button.hamburger.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse') button.hamburger.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
.col-xs-6 .col-xs-12
span.hamburger-text Menu span.hamburger-text Menu
.col-xs-6
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='/') a.navbar-brand(href='/')
img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz', alt='learn to code javascript at Free Code Camp logo') img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz', alt='learn to code javascript at Free Code Camp logo')
.collapse.navbar-collapse .collapse.navbar-collapse
@ -28,7 +23,7 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height
a(href='/news') News a(href='/news') News
li li
a(href='/field-guide') Guide a(href='/field-guide') Guide
li.hidden-xs.hidden-sm li
a(href='/jobs') Jobs a(href='/jobs') Jobs
if !user if !user
li       li      
@ -37,9 +32,7 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height
else else
li li
if (user.profile.username) if (user.profile.username)
a(href='/' + user.profile.username) [ #{user.progressTimestamps.length} ] a(href='/' + user.profile.username) [ #{user.progressTimestamps.length} ]
else else
a(href='/account') [ #{user.progressTimestamps.length} ] a(href='/account') [ #{user.progressTimestamps.length} ]
.hidden-xs.hidden-sm .hidden-xs.hidden-sm