small patch to make menu work on mobile. Ultimately need to upgrade f…

…oundation.
benadida · Feb 6, 2022 · b7195a0 · b7195a0
1 parent 8feb285
commit b7195a0
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/server_ui/templates/base.html b/server_ui/templates/base.html
@@ -30,13 +30,14 @@
 </head>
 <body>
   <div class="wrapper">
-  <nav class="top-bar">
+  <nav class="top-bar" id="nav">
     <ul class="title-area">
       <!-- Title Area -->
       <li class="name">
         <h1><a href="/"><img src="/static/tinylogo.png"></a></h1>
       </li>
-      <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li>
+      <li class="toggle-topbar menu-icon"><a href="#" onclick="$('nav').toggleClass('expanded'); return false;"><span>Menu</span></a>
+      </li>
     </ul>
 
     <section class="top-bar-section">
@@ -55,7 +56,7 @@ <h1><a href="/"><img src="/static/tinylogo.png"></a></h1>
         <li><a href="/">{{settings.SITE_TITLE}}</a></li>
 	{% if settings.MASTER_HELIOS %}
         <li class="divider"></li>
-        <li><a href="/about">About</a></li>
+        <li class="active"><a href="/about">About</a></li>
         <li class="divider"></li>
         <li><a target="_new" href="https://github.com/benadida/helios-server">Code</a></li>
         <li class="divider"></li>