[tor-commits] [metrics-web/master] Add section headers to mobile navbar.

[karsten at torproject.org]

commit ac7aec6d66a6e66dfed3bc0e75479a19c0196652
Author: Karsten Loesing <karsten.loesing at gmx.net>
Date:   Thu Dec 22 20:11:09 2016 +0100

    Add section headers to mobile navbar.
---
 website/web/WEB-INF/top.jsp |  2 ++
 website/web/css/style.css   | 12 ++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/website/web/WEB-INF/top.jsp b/website/web/WEB-INF/top.jsp
index c0d70c2..7074eb7 100644
--- a/website/web/WEB-INF/top.jsp
+++ b/website/web/WEB-INF/top.jsp
@@ -73,6 +73,7 @@ document.write('<div class="topButton" style="display:none;"><a href="#top"><i c
       <ul class="nav navbar-nav navbar-right">
 
         <!-- we have to copy the primary navigation items here for mobile accessibility -->
+        <li class="visible-xs section-header">Metrics</li>
         <li class="visible-xs<c:if test="${'Home'.equals(param.navActive)}"> active</c:if>"><a href="index.html"><i class="fa fa-home fa-fw" aria-hidden="true"></i> Home</a></li>
         <c:forEach var="category" items="${categories}">
         <li class="visible-xs<c:if test="${category[1].equals(param.navActive)}"> active</c:if>"><a href="${category[0]}.html"><i class="fa ${category[3]} fa-fw" aria-hidden="true"></i> ${category[1]}</a></li>
@@ -80,6 +81,7 @@ document.write('<div class="topButton" style="display:none;"><a href="#top"><i c
         <!-- /end of primary copy -->
 
         <!-- secondary navigation items -->
+        <li class="visible-xs section-header">More</li>
         <li <c:if test="${'News'.equals(param.navActive)}"> class="active"</c:if>><a href="news.html"><i class="fa fa-newspaper-o fa-fw hidden-sm" aria-hidden="true"></i> News</a></li>
         <li <c:if test="${'Sources'.equals(param.navActive)}"> class="active"</c:if>><a href="sources.html"><i class="fa fa-archive fa-fw hidden-sm" aria-hidden="true"></i> Sources</a></li>
         <li <c:if test="${'Operation'.equals(param.navActive)}"> class="active"</c:if>><a href="operation.html"><i class="fa fa-cogs fa-fw hidden-sm" aria-hidden="true"></i> Operation</a></li>
diff --git a/website/web/css/style.css b/website/web/css/style.css
index 6191917..891ea53 100644
--- a/website/web/css/style.css
+++ b/website/web/css/style.css
@@ -154,6 +154,18 @@ body {
     }
 }
 
+.navbar-secondary .section-header {
+    padding:3px 14px;
+    text-transform:uppercase;
+    font-size:12px;
+    background-color: #aaa;
+    color:white;
+    margin-top:20px;
+}
+.navbar-secondary .section-header:first-of-type {
+    margin-top:0px;
+}
+
 
 /* images */
 img {