You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@apex.apache.org by an...@apache.org on 2015/11/11 23:16:33 UTC
incubator-apex-site git commit: add mobile support to nav bar
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 <an...@datatorrent.com>
Authored: Wed Nov 11 14:14:52 2015 -0800
Committer: Andy Perlitch <an...@datatorrent.com>
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">