spring
2025-03-19 36fc9186e39f2fd317603728b4ad3482a91b079b
src/assets/styles/sidebar.scss
@@ -1,7 +1,8 @@
#app {
  .main-container {
    height: 100%;
    transition: margin-left 0.28s;
    transition: margin-left .28s;
    margin-left: $base-sidebar-width;
    position: relative;
  }
@@ -11,7 +12,7 @@
  }
  .sidebar-container {
    -webkit-transition: width 0.28s;
    -webkit-transition: width .28s;
    transition: width 0.28s;
    width: $base-sidebar-width !important;
    background-color: $base-menu-background;
@@ -23,13 +24,12 @@
    left: 0;
    z-index: 1001;
    overflow: hidden;
    -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
    -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35);
    //box-shadow: 2px 0 6px rgba(0,21,41,.35);
    // reset element-ui css
    .horizontal-collapse-transition {
      transition: 0s width ease-in-out, 0s padding-left ease-in-out,
        0s padding-right ease-in-out;
      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
    }
    .scrollbar-wrapper {
@@ -70,8 +70,7 @@
      width: 100% !important;
    }
    .el-menu-item,
    .el-submenu__title {
    .el-menu-item, .el-submenu__title {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
@@ -81,7 +80,7 @@
    .submenu-title-noDropdown,
    .el-submenu__title {
      &:hover {
        background-color: rgba(0, 0, 0, 0.06) !important;
        background-color: rgba(0, 0, 0, 0.08) !important;
      }
    }
@@ -94,7 +93,7 @@
      min-width: $base-sidebar-width !important;
      &:hover {
        background-color: rgba(0, 0, 0, 0.06) !important;
        background-color: rgba(0, 0, 0, 0.08) !important;
      }
    }
@@ -146,6 +145,7 @@
          height: 1.5em;
          margin-left: 25px;
        }
      }
    }
@@ -179,7 +179,7 @@
    }
    .sidebar-container {
      transition: transform 0.28s;
      transition: transform .28s;
      width: $base-sidebar-width !important;
    }
@@ -193,6 +193,7 @@
  }
  .withoutAnimation {
    .main-container,
    .sidebar-container {
      transition: none;