fix sidebar on mobile && changes chart

Author: kulgavy

src/components/Layout/Layout.js

@@ -49,7 +49,7 @@ import ChartsMorris from '../../pages/charts/morris';
 import ChartsFlot from '../../pages/charts/flot';
 import ChartsSparkline from '../../pages/charts/sparkline';
 import ChartsRickshaw from '../../pages/charts/rickshaw';
-import DashboardAnalytics from '../../pages/analytics'; 
+import DashboardAnalytics from '../../pages/analytics';
 import Dashboard from '../../pages/dashboard';
 
 import Header from '../Header';
@@ -83,14 +83,27 @@ class Layout extends React.Component {
 
   componentDidMount() {
     const staticSidebar = JSON.parse(localStorage.getItem('staticSidebar'));
-    if (staticSidebar) {
+    if (staticSidebar && window.innerWidth > 768) {
       this.props.dispatch(toggleSidebar());
     } else if (this.props.sidebarOpened) {
       setTimeout(() => {
         this.props.dispatch(closeSidebar());
         this.props.dispatch(changeActiveSidebarItem(null));
       }, 2500);
     }
+
+    this.handleResize();
+    window.addEventListener('resize', this.handleResize.bind(this));
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('resize', this.handleResize.bind(this));
+  }
+
+  handleResize() {
+    if (window.innerWidth <= 768 && this.props.sidebarStatic) {
+      this.props.dispatch(toggleSidebar());
+    }
   }
 
   chatToggle() {

src/pages/widgets/components/changes-chart/ChangesChart.js

@@ -114,6 +114,7 @@ class ChangesChart extends React.Component {
           <p className={s.chartValue}><i className="fa fa-caret-up" /> 352.79</p>
           <p className={s.chartValueChange}>+2.04 (1.69%)</p>
           <div
+            style={{ overflow: 'hidden' }}
             ref={(r) => {
               this.rickshawChart = r;
             }}