refine css && refine sidebar

src/styles/index.scss

@@ -221,6 +221,13 @@ code {
   z-index: 1000 !important;
 }
 
+//refine simplemde
+.simplemde-container{
+  .editor-toolbar.fullscreen,.CodeMirror-fullscreen{
+    z-index: 1003;
+  }
+}
+
 //暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
 .el-dialog {
   transform: none;

src/views/layout/Layout.vue

@@ -54,7 +54,6 @@
         height: 100%;
         width: 100%;
         &.hideSidebar {
-            padding-left: 40px;
             .sidebar-wrapper {
                 transform: translate(-140px, 0);
                 .sidebar-container {
@@ -62,14 +61,13 @@
                 }
                 &:hover {
                     transform: translate(0, 0);
-                     z-index: 1001;
                     .sidebar-container {
                         transform: translate(0, 0);
                     }
                 }
             }
             .main-container{
-                padding-left: 0px;
+                margin-left: 40px;
             }
         }
         .sidebar-wrapper {
@@ -78,7 +76,7 @@
             top: 0;
             bottom: 0;
             left: 0;
-            z-index: 2;
+            z-index: 1001;
             overflow-x: hidden;
             transition: all .28s ease-out;
             @include scrollBar;
@@ -87,10 +85,9 @@
             transition: all .28s ease-out;
         }
         .main-container {
-            width: 100%;
             min-height: 100%;
             transition: all .28s ease-out;
-            padding-left: 180px;
+            margin-left: 180px;
         }
     }
 </style>

src/views/layout/Sidebar.vue

 <template>
-    <el-menu mode="vertical" theme="dark" :default-active="$route.path">
+    <el-menu :unique-opened='true' mode="vertical" theme="dark" :default-active="$route.path">
         <template v-for="item in permissionRoutes" v-if="!item.hidden">
             <el-submenu :index="item.name" v-if="!item.noDropdown">
                 <template slot="title">