From b6bf2443996f98b819a15c65396a9dd90c955dee Mon Sep 17 00:00:00 2001
From: James Singleton <jamesrsingleton1@gmail.com>
Date: Thu, 7 Jun 2018 22:11:07 -0700
Subject: [PATCH] Adding clicking outside of sidebar or aside on mobile closes
 the sidebar

---
 src/containers/DefaultLayout/DefaultLayout.js | 12 +++++++++++-
 src/scss/style.css                            |  4 ++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/containers/DefaultLayout/DefaultLayout.js b/src/containers/DefaultLayout/DefaultLayout.js
index ccc2013bd..a9537df29 100644
--- a/src/containers/DefaultLayout/DefaultLayout.js
+++ b/src/containers/DefaultLayout/DefaultLayout.js
@@ -23,6 +23,16 @@ import DefaultFooter from './DefaultFooter';
 import DefaultHeader from './DefaultHeader';
 
 class DefaultLayout extends Component {
+
+  hideMobile() {
+    if (document.body.classList.contains('sidebar-show')) {
+      document.body.classList.toggle('sidebar-show');
+    }
+    if (document.body.classList.contains('aside-menu-show')){
+      document.body.classList.toggle('aside-menu-show');
+    }
+  }
+
   render() {
     return (
       <div className="app">
@@ -37,7 +47,7 @@ class DefaultLayout extends Component {
             <AppSidebarFooter />
             <AppSidebarMinimizer />
           </AppSidebar>
-          <main className="main">
+          <main className="main" onClick={this.hideMobile}>
             <AppBreadcrumb appRoutes={routes}/>
             <Container fluid>
               <Switch>
diff --git a/src/scss/style.css b/src/scss/style.css
index 59389016e..ddd756161 100644
--- a/src/scss/style.css
+++ b/src/scss/style.css
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /*!
  * CoreUI - Open Source Dashboard UI Kit
- * @version v2.0.1
+ * @version v2.0.2
  * @link https://coreui.io
  * Copyright (c) 2018 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://coreui.io/license)
@@ -63,7 +63,7 @@ html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
-  -webkit-tap-highlight-color: transparent; }
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 
 @-ms-viewport {
   width: device-width; }