xmark added

client/components/sidebar/sidebar.css

@@ -14,6 +14,12 @@
   box-shadow: -10px 0px 5px -10px #b3b3b3;
   z-index: 10;
 }
+.sidebar-xmark {
+  position: absolute;
+  right: 10px;
+  top: 5px;
+  font-size: 25px;
+}
 .sidebar .sidebar-content {
   padding: 12px;
   margin-bottom: 1.6em;
@@ -24,6 +30,7 @@
   left: 0;
   overflow-x: hidden;
   overflow-y: auto;
+  width: 90%;
 }
 .sidebar .sidebar-content .hide-btn {
   display: none;

client/components/sidebar/sidebar.jade

@@ -5,6 +5,7 @@ template(name="sidebar")
     //  title="{{showTongueTitle}}")
     //  i.fa.fa-navicon
     .sidebar-shadow
+      a.sidebar-xmark.js-close-sidebar ✕
       .sidebar-content.js-board-sidebar-content
         //a.hide-btn.js-hide-sidebar
         //  i.fa.fa-navicon

client/components/sidebar/sidebar.js

@@ -42,6 +42,14 @@ BlazeComponent.extendComponent({
     }
   },
 
+  close() {
+    if (this._isOpen.get()) {
+      this._isOpen.set(false);
+      EscapeActions.executeUpTo('detailsPane');
+      this.toggle()
+    }
+  },
+
   hide() {
     if (this._isOpen.get()) {
       this._isOpen.set(false);
@@ -125,6 +133,9 @@ BlazeComponent.extendComponent({
         'click .js-shortcuts'() {
           FlowRouter.go('shortcuts');
         },
+        'click .js-close-sidebar'() {
+          Sidebar.toggle()
+        },
       },
     ];
   },