Fixing tag visibility toggle

2 files changed, 13 insertions, 3 deletions

diff --git a/web-ui/app/index.html b/web-ui/app/index.html
index 8804ac9c..efa9ffe3 100644
--- a/web-ui/app/index.html
+++ b/web-ui/app/index.html
@@ -83,7 +83,7 @@
 
     <section id="right-pane" class="small-7 medium-7 large-7 columns">
     </section>
-
+    <a class="exit-off-canvas"></a>  
   </div>
 </div>
 
diff --git a/web-ui/app/js/foundation/off_canvas.js b/web-ui/app/js/foundation/off_canvas.js
index 8fd2f218..f5454062 100644
--- a/web-ui/app/js/foundation/off_canvas.js
+++ b/web-ui/app/js/foundation/off_canvas.js
@@ -19,6 +19,16 @@ define(['flight/lib/component', 'page/events'], function (defineComponent, event
 
   return defineComponent(function() {
 
+    this.closeSlider = function (ev){
+      ev.preventDefault();
+      $('.exit-off-canvas').click();
+      if ($('#custom-tag-list').hasClass('expanded')) {
+	    $('#custom-tag-list').removeClass('expanded');
+	  } else {
+	    $('#custom-tag-list').addClass('expanded');
+	  }
+    };
+
     this.toggleSlideContent = function (ev) {
       ev.preventDefault();
 	  $('.left-off-canvas-toggle').click();
@@ -30,8 +40,8 @@ define(['flight/lib/component', 'page/events'], function (defineComponent, event
     };
 
     this.after('initialize', function () {
-      this.on($('#middle-pane-container'), 'click', this.toggleSlideContent);
-      this.on($('#right-pane'), 'click', this.toggleSlideContent);
+      this.on($('#middle-pane-container'), 'click', this.closeSlider);
+      this.on($('#right-pane'), 'click', this.closeSlider);
       this.on($('.side-nav-toggle'), 'click', this.toggleSlideContent);
     });
   });