Update site menu

In particular, use folding menus for Installing and Tutorials. RELNOTES: None. PiperOrigin-RevId: 186778997
wiccasoft · Feb 23, 2018 · c791415 · c791415
1 parent f98a7a2
commit c791415
Showing 1 changed file with 35 additions and 22 deletions.
diff --git a/site/_layouts/documentation.html b/site/_layouts/documentation.html
@@ -26,33 +26,46 @@ <h1>Documentation</h1>
            <h3>Home</h3>
             <ul class="sidebar-nav">
               <li><a href="/versions/{{ site.version }}/bazel-overview.html">Bazel Overview</a></li>
+              <li><a href="/versions/{{ site.version }}/getting-started.html">Getting Started</a></li>
               <li><a href="/versions/{{ site.version }}/experimental.html">Experimental Features</a></li>
             </ul>
 
-            <h3>Installing Bazel</h3>
-           <ul class="sidebar-nav">
-              <li><a href="/versions/{{ site.version }}/install.html">Installation Overview</a></li>
-              <li><a href="/versions/{{ site.version }}/install-ubuntu.html">Installing on Ubuntu</a></li>
-              <li><a href="/versions/{{ site.version }}/install-redhat.html">Installing on Fedora/CentOS</a></li>
-              <li><a href="/versions/{{ site.version }}/install-os-x.html">Installing on macOS</a></li>
-              <li><a href="/versions/{{ site.version }}/install-windows.html">Installing on Windows</a></li>
-              <li><a href="/versions/{{ site.version }}/install-compile-source.html">Compiling from Source</a></li>
-              <li><a href="/versions/{{ site.version }}/ide.html">Integrating with IDEs</a></li>
-            </ul>
-
-          <h3>Tutorials</h3>
-           <ul class="sidebar-nav">
-              <li><a href="/versions/{{ site.version }}/tutorial/java.html">Building a Java Project</a></li>
-              <li><a href="/versions/{{ site.version }}/tutorial/cpp.html">Building a C++ Project</a></li>
-              <li><a href="/versions/{{ site.version }}/tutorial/android-app.html">Building an Android App</a></li>
-              <li><a href="/versions/{{ site.version }}/tutorial/ios-app.html">Building an iOS App</a></li>
-              <li><a href="/versions/{{ site.version }}/skylark/tutorial-sharing-variables.html">Sharing Variables</a></li>
-              <li><a href="/versions/{{ site.version }}/skylark/tutorial-creating-a-macro.html">Creating Macros</a></li>
-            </ul>
-
            <h3>Using Bazel</h3>
             <ul class="sidebar-nav">
-              <li><a href="/versions/{{ site.version }}/getting-started.html">Getting Started</a></li>
+
+              <li>
+                <a class="sidebar-nav-heading" data-toggle="collapse"
+                    href="#installing-menu" aria-expanded="false"
+                    aria-controls="installing-menu">
+                  Installing Bazel<span class="caret"></span>
+                </a>
+                <ul class="collapse sidebar-nav sidebar-submenu" id="installing-menu">
+                   <li><a href="/versions/{{ site.version }}/install.html">Installation Overview</a></li>
+                   <li><a href="/versions/{{ site.version }}/install-ubuntu.html">Installing on Ubuntu</a></li>
+                   <li><a href="/versions/{{ site.version }}/install-redhat.html">Installing on Fedora/CentOS</a></li>
+                   <li><a href="/versions/{{ site.version }}/install-os-x.html">Installing on macOS</a></li>
+                   <li><a href="/versions/{{ site.version }}/install-windows.html">Installing on Windows</a></li>
+                   <li><a href="/versions/{{ site.version }}/install-compile-source.html">Compiling from Source</a></li>
+                   <li><a href="/versions/{{ site.version }}/ide.html">Integrating with IDEs</a></li>
+                 </ul>
+                </li>
+
+              <li>
+                <a class="sidebar-nav-heading" data-toggle="collapse"
+                    href="#tutorials-menu" aria-expanded="false"
+                    aria-controls="tutorials-menu">
+                  Tutorials<span class="caret"></span>
+                </a>
+                <ul class="collapse sidebar-nav sidebar-submenu" id="tutorials-menu">
+                   <li><a href="/versions/{{ site.version }}/tutorial/java.html">Building a Java Project</a></li>
+                   <li><a href="/versions/{{ site.version }}/tutorial/cpp.html">Building a C++ Project</a></li>
+                   <li><a href="/versions/{{ site.version }}/tutorial/android-app.html">Building an Android App</a></li>
+                   <li><a href="/versions/{{ site.version }}/tutorial/ios-app.html">Building an iOS App</a></li>
+                   <li><a href="/versions/{{ site.version }}/skylark/tutorial-sharing-variables.html">Sharing Variables</a></li>
+                   <li><a href="/versions/{{ site.version }}/skylark/tutorial-creating-a-macro.html">Creating Macros</a></li>
+                 </ul>
+              </li>
+
               <li><a href="/versions/{{ site.version }}/user-manual.html">User Manual</a></li>
 
               <li>