update global nav collapse

to be enable closing by clicking overlay

Author: mimosafa

src/layouts/web-frame.vue

@@ -1,8 +1,12 @@
 <template>
   <div id="wrapper">
-    <global-header @init-header="initOverlay" @toggle-header-collapse="toggleOverlay" />
+    <global-header
+      @init-header="initOverlay"
+      @toggle-header-collapse="toggleOverlay"
+      ref="globalHeader"
+    />
 
-    <div class="header_overlay"></div>
+    <div class="header_overlay" @click="closeHeaderCollapse"></div>
 
     <div id="loader"></div>
 
@@ -48,6 +52,9 @@ export default {
     },
     toggleOverlay(speed) {
       $(this.overlay).fadeToggle(speed);
+    },
+    closeHeaderCollapse() {
+      this.$refs.globalHeader.toggleCollapse();
     }
   }
 };