Fix hamburger menu weirdness

This commit is contained in:
Michael Q Larson
2015-01-17 16:09:35 -08:00
parent 7727368f34
commit 0c935623b7
3 changed files with 11 additions and 4 deletions

View File

@ -237,10 +237,10 @@ ul {
} }
.navbar-right { .navbar-right {
@media (min-width: 767px) { @media (min-width: 768px) {
padding-right: 50px; padding-right: 50px;
} }
@media (max-width: 991px) and (min-width: 767px) { @media (max-width: 991px) and (min-width: 768px) {
position: absolute; position: absolute;
right:0; right:0;
margin-right: 10px; margin-right: 10px;
@ -249,6 +249,7 @@ ul {
} }
.navbar { .navbar {
white-space: nowrap; white-space: nowrap;
border: none;
} }
.panel-body { .panel-body {
@ -494,6 +495,12 @@ thead {
} }
} }
.hamburger-dropdown {
@media (max-width: 768px) {
margin-top: -5px;
}
}
//uncomment this to see the dimensions of all elements outlined in red //uncomment this to see the dimensions of all elements outlined in red
//* { //* {
// border-color: red; // border-color: red;

View File

@ -1,10 +1,10 @@
doctype html doctype html
html(ng-app='profileValidation') html(ng-app='profileValidation')
head head
script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js')
script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js") script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js")
script(src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js") script(src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js")
script(src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js") script(src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js")
script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js')
link(rel='shortcut icon', href='//s3.amazonaws.com/freecodecamp/favicon.ico') link(rel='shortcut icon', href='//s3.amazonaws.com/freecodecamp/favicon.ico')
link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css') link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css')
link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css') link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css')

View File

@ -9,7 +9,7 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height
a.navbar-brand(href='/') a.navbar-brand(href='/')
img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg') img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg')
.collapse.navbar-collapse .collapse.navbar-collapse
ul.nav.navbar-nav.navbar-right ul.nav.navbar-nav.navbar-right.hamburger-dropdown
- if (!cc) - if (!cc)
li li
a(href='/challenges/0') Challenges a(href='/challenges/0') Challenges