eoss-ui 0.7.66 → 0.7.67

package/packages/theme-chalk/src/simplicity-top.scss

@@ -21,7 +21,7 @@
   }
 }
 
-.es-simplicity-top-logo {
+.es-simplicitytop-top-logo {
   height: 266px;
   width: 58px;
   margin-left: 10px;
@@ -34,12 +34,10 @@
   padding: 16px 8px 8px 8px;
   @extend .es-flex-vertical;
 
-  @if $--main-simplicity-side-background-color !='' {
+  @if $--main-simplicity-side-background-color != '' {
     background-color: $--main-simplicity-side-background-color;
-  }
-
-  @else {
-    background-color: $--color-primary-light-9;
+  } @else {
+    background-color: $--color-primary-light-7;
   }
 
   .es-simplicity-user-popover {
@@ -188,7 +186,7 @@
   vertical-align: top;
   background: transparent;
 
-  &>img {
+  & > img {
     width: 100%;
   }
 }
@@ -546,7 +544,7 @@
       }
     }
 
-    &>button {
+    & > button {
       @media screen and (max-width: 1600px) and (max-height: 900px) {
         height: 24px;
         line-height: 24px;
@@ -845,7 +843,7 @@
     border-left: 1px solid #dfebf6;
     display: flex;
 
-    .es-simplicity-menus-box+.es-simplicity-menus-box {
+    .es-simplicity-menus-box + .es-simplicity-menus-box {
       border-left: 1px solid #dfebf6;
     }
   }
@@ -928,7 +926,7 @@
     position: absolute;
     right: 16px;
 
-    &+.es-simplicity_apps-text {
+    & + .es-simplicity_apps-text {
       width: 118px;
     }
   }
@@ -982,14 +980,14 @@
 .es-simplicity-iframe {
   height: 100%;
 
-  &>.el-tabs__header {
+  & > .el-tabs__header {
     height: $--main-simplicity-header-height;
     padding: ($--main-simplicity-header-height - 36px)/2 0;
     margin: 0;
     border-bottom: 1px solid #dfebf6;
     background-color: #fff;
 
-    &>.el-tabs__nav-main {
+    & > .el-tabs__nav-main {
       margin: 0 10px;
     }
 
@@ -1019,7 +1017,7 @@
         border-radius: 6px;
         color: #737a94;
 
-        &+.el-tabs__item {
+        & + .el-tabs__item {
           margin-left: 12px;
         }
 
@@ -1031,7 +1029,7 @@
     }
   }
 
-  &>.el-tabs__content {
+  & > .el-tabs__content {
     height: calc(100% - #{$--main-simplicity-header-height});
     background-color: $--background-color-base;
 
@@ -1041,12 +1039,12 @@
   }
 
   &.is-open {
-    &>.el-tabs__content {
+    & > .el-tabs__content {
       animation: open-submenu 0.3s 1ms forwards;
     }
 
     &.is-fold {
-      &>.el-tabs__content {
+      & > .el-tabs__content {
         animation: close-submenu 0.1s 0ms forwards;
       }
     }
@@ -1100,7 +1098,7 @@
       }
     }
 
-    &+.es-simplicitytop-handler-item {
+    & + .es-simplicitytop-handler-item {
       margin-left: 16px;
     }
   }
@@ -1232,7 +1230,7 @@
     border-radius: 9px;
     padding: 16px 24px;
 
-    &+.es-simplicity-message-item {
+    & + .es-simplicity-message-item {
       margin-top: 20px;
     }
 
@@ -1319,10 +1317,9 @@
   z-index: -999;
 }
 
-.es-public-search-dialog>.el-dialog {
-
-  &>.el-dialog__header,
-  &>.el-dialog__body {
+.es-public-search-dialog > .el-dialog {
+  & > .el-dialog__header,
+  & > .el-dialog__body {
     background-color: #fff;
   }
 }
@@ -1473,7 +1470,7 @@
     white-space: nowrap;
     text-overflow: ellipsis;
 
-    .es-public-search-item-text+.es-public-search-item-text {
+    .es-public-search-item-text + .es-public-search-item-text {
       margin-left: 20px;
     }
   }
@@ -1531,8 +1528,8 @@
 
   .el-menu-item:not(.is-disabled),
   .el-submenu__title,
-  &>.el-menu .el-menu-item:not(.is-disabled),
-  &>.el-menu .el-submenu__title {
+  & > .el-menu .el-menu-item:not(.is-disabled),
+  & > .el-menu .el-submenu__title {
     padding: 8px 24px;
     height: 48px;
     line-height: 32px;
@@ -1592,7 +1589,6 @@
 
   .el-menu--popup .el-menu-item:not(.is-disabled),
   .el-menu--popup .el-submenu__title {
-
     &:hover,
     &:focus,
     &.is-active {
@@ -1605,8 +1601,8 @@
 
     .el-menu-item:not(.is-disabled),
     .el-submenu__title,
-    >.el-menu .el-menu-item:not(.is-disabled),
-    >.el-menu .el-submenu__title {
+    > .el-menu .el-menu-item:not(.is-disabled),
+    > .el-menu .el-submenu__title {
       width: 48px;
       height: 40px !important;
       padding: 4px 12px !important;
@@ -1647,7 +1643,6 @@
 }
 
 .es-simplicitytop-main {
-
   .es-simplicity-apps,
   .es-simplicity-message,
   .es-simplicity-message-modal,
@@ -1751,8 +1746,8 @@
 
     &-left {
       height: 100%;
-      background-color: $--color-primary-light-9;
-      width: 200px;
+      background-color: $--color-primary-light-7;
+      width: 160px;
       float: left;
       padding-bottom: 16px;
       display: flex;
@@ -1776,7 +1771,7 @@
 
     &-content {
       height: 100%;
-      margin-left: 200px;
+      margin-left: 160px;
       overflow: hidden;
       position: relative;
     }
@@ -1885,7 +1880,7 @@
 
 .es-main .es-simplicitytop-main-menu .es-fourth-tabs {
   border: 0;
-  background-color: $--color-primary;
+  background-color: $--color-primary-light-7;
 
   .el-menu {
     border-bottom: 0;
@@ -1898,15 +1893,14 @@
     color: rgba(255, 255, 255, 0.85) !important;
 
     &:not(.is-disabled) {
-
       &:focus,
       &:hover,
       &.is-active,
       &.es-menu-item-focus {
-        background-color: $--color-primary-light-7;
+        background-color: $--color-primary-light-9;
         border: 0;
 
-        &>.el-submenu__title {
+        & > .el-submenu__title {
           border: 0;
         }
       }
@@ -1922,9 +1916,7 @@
   }
 
   .el-menu-item {
-    @extend .es-flex-vertical,
-    .es-align-middle,
-    .es-align-center;
+    @extend .es-flex-vertical, .es-align-middle, .es-align-center;
   }
 }
 
@@ -1947,7 +1939,6 @@
       }
 
       &:not(.is-disabled) {
-
         &:focus,
         &:hover,
         &.is-active {
@@ -1971,4 +1962,4 @@
   100% {
     transform: rotate(360deg);
   }
-}
+}

package/src/index.js

@@ -125,7 +125,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '0.7.66',
+  version: '0.7.67',
   install,
   Button,
   ButtonGroup,