#296 Hiding custom tags when the left side nav is collaped

1 files changed, 8 insertions, 3 deletions

diff --git a/web-ui/app/index.html b/web-ui/app/index.html
index 87ab000d..7a8f335f 100644
--- a/web-ui/app/index.html
+++ b/web-ui/app/index.html
@@ -24,7 +24,7 @@
         <img id="pixelated-logo" src="/assets/images/pixelated-logo-orange.svg" alt="Pixelated">
       </a>
       <a class="fake-left-off-canvas-toggle" href="#">
-        <i class=" toggle fa fa-navicon"></i>
+        <i class="toggle fa fa-navicon"></i>
       </a>
       <nav id="tag-list"></nav>
       <nav id="logout"></nav>
@@ -89,8 +89,13 @@ $(document).foundation();
 $('.fake-left-off-canvas-toggle').click(function (ev) {
     ev.preventDefault();
     $('.left-off-canvas-toggle').click();
-    });
+      if ($('#custom-tag-list').hasClass('expanded')) {
+        $('#custom-tag-list').removeClass('expanded'); 
+      } 
+      else {
+        $('#custom-tag-list').addClass('expanded'); 
+      }
+  });
 </script>
-
 </body>
 </html>