remove main.js from webpack and add styles

css/sideMenu.css

@@ -45,6 +45,10 @@
     border: 0;
 }
 
+#side-menu.hide-opener .side-menu-opener {
+    display: none;
+}
+
 .side-menu-apps-list {
     height: calc(100vh - 150px);
     z-index: 2200;
@@ -94,3 +98,7 @@
     padding-top: 2px;
     top: 0;
 }
+
+#side-menu.hide-opener .side-menu-logo {
+    margin-top: 20px;
+}

src/SideMenu.js

@@ -30,6 +30,7 @@ const mountSideMenuComponent = () => {
 
     if (sideMenuContainer) {
         sideMenu.$mount('#side-menu')
+        $('body').trigger('side-menu.ready')
     } else {
         window.setTimeout(mountSideMenuComponent, 50)
     }

webpack.js

@@ -4,7 +4,6 @@ const StyleLintPlugin = require('stylelint-webpack-plugin')
 
 module.exports = {
 	entry: {
-		'main': path.join(__dirname, 'src', 'main.js'),
 		'admin': path.join(__dirname, 'src', 'admin.js'),
 		'sideMenu': path.join(__dirname, 'src', 'SideMenu.js'),
 	},