Merge pull request coreui#18 from joefresco/patch-2

xidedix · web-flow · commit 6315b5e42cb2 · 2018-01-17T11:45:42.000+01:00
Mobile sidebar link click should close the sidebar
diff --git a/Vue_Full_Project/src/components/SidebarNavLink.vue b/Vue_Full_Project/src/components/SidebarNavLink.vue
@@ -7,8 +7,10 @@
   </div>
   <div v-else>
     <router-link :to="url" :class="classList">
-      <i :class="icon"></i> {{name}}
-      <b-badge v-if="badge && badge.text" :variant="badge.variant">{{badge.text}}</b-badge>
+      <span @click="hideMobile">
+        <i :class="icon"></i> {{name}}
+        <b-badge v-if="badge && badge.text" :variant="badge.variant">{{badge.text}}</b-badge>
+      </span>
     </router-link>
   </div>
 </template>
@@ -63,6 +65,13 @@
           return false
         }
       }
+    },
+    methods: {
+      hideMobile () {
+        if (document.body.classList.contains('sidebar-mobile-show')) {
+          document.body.classList.toggle('sidebar-mobile-show')
+        }
+      }
     }
   }
 </script>
