Repository: incubator-apex-site Updated Branches: refs/heads/master d1cb96577 -> ff0a2f22a
add mobile support to nav bar Project: http://git-wip-us.apache.org/repos/asf/incubator-apex-site/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-apex-site/commit/ff0a2f22 Tree: http://git-wip-us.apache.org/repos/asf/incubator-apex-site/tree/ff0a2f22 Diff: http://git-wip-us.apache.org/repos/asf/incubator-apex-site/diff/ff0a2f22 Branch: refs/heads/master Commit: ff0a2f22aac6bdef91cd90edf2bacaf69441fec1 Parents: d1cb965 Author: Andy Perlitch <[email protected]> Authored: Wed Nov 11 14:14:52 2015 -0800 Committer: Andy Perlitch <[email protected]> Committed: Wed Nov 11 14:16:09 2015 -0800 ---------------------------------------------------------------------- src/less/header.less | 16 ++++++++++++---- src/partials/header.handlebars | 15 +++++++++++++-- 2 files changed, 25 insertions(+), 6 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-apex-site/blob/ff0a2f22/src/less/header.less ---------------------------------------------------------------------- diff --git a/src/less/header.less b/src/less/header.less index 955eeae..2bb1835 100644 --- a/src/less/header.less +++ b/src/less/header.less @@ -1,6 +1,5 @@ #main-nav { background-color: @brand-primary; - margin-bottom: 10px; .nav-link { color: white; cursor: pointer; @@ -23,10 +22,19 @@ margin-right: 5px; } } - ul { - margin-top: 6px; - } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color: @gray; } + +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #EFEFEF; + } + .navbar-nav .open .dropdown-menu { + background-color: lighten(@brand-primary, 10%); + } +} +.navbar-toggle { + background-color: rgba(255, 255, 255, 0.5); } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-apex-site/blob/ff0a2f22/src/partials/header.handlebars ---------------------------------------------------------------------- diff --git a/src/partials/header.handlebars b/src/partials/header.handlebars index bca7405..50e1526 100644 --- a/src/partials/header.handlebars +++ b/src/partials/header.handlebars @@ -16,14 +16,25 @@ </head> <body> - <nav class="navbar navbar-static-top" id="main-nav"> + <nav class="navbar navbar-default navbar-static-top" id="main-nav"> <div class="container"> + + <div class="navbar-header"> + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> <a class="navbar-brand" href="/"> <img src="images/apex-logo.svg" class="logo" alt="Apache Apex Logo"> Apache Apex <small>(incubating)</small> </a> - <ul class="nav nav-pills navbar-right"> + </div> + + <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> + <ul class="nav navbar-right navbar-nav"> {{#each nav}} {{#if items}} <li class="nav-item">
