@import '../../style/themes/default.less';

/* 折叠侧栏 */
.ele-admin-collapse {
  .ele-admin-logo > span {
    display: none;
  }

  &:not(.ele-admin-side-mix) {
    .ele-admin-logo,
    .ele-admin-sidebar {
      width: @sidebar-collapse-width;
    }
  }

  .ele-admin-sidebar .ant-menu-inline-collapsed {
    width: 100%;
  }

  .ele-admin-sidebar .ant-menu > .ant-menu-item,
  .ele-admin-sidebar .ant-menu > .ant-menu-submenu > .ant-menu-submenu-title {
    padding: 0 calc(calc(@sidebar-collapse-width - @menu-icon-size-lg) / 2) !important;
  }

  &.ele-admin-side-mix .ele-admin-sidebar-nav {
    box-shadow: @sidebar-light-shadow;

    & + .ele-admin-sidebar {
      width: 0;
    }
  }

  .ele-admin-sidebar + .ele-admin-body {
    width: calc(100% - @sidebar-collapse-width);
  }

  &.ele-admin-side-mix:not(.ele-admin-nav-collapse) {
    .ele-admin-sidebar + .ele-admin-body {
      width: calc(100% - @sidebar-nav-width);
    }
  }
}

/* 折叠一级侧栏 */
.ele-admin-nav-collapse.ele-admin-side-mix {
  .ele-admin-logo {
    width: @sidebar-collapse-width;
  }

  .ele-admin-sidebar-nav {
    width: @sidebar-collapse-width;

    & > .ele-admin-sidebar-nav-menu {
      padding: @sidebar-collapse-nav-padding;

      & > .ant-menu {
        & > .ant-menu-item,
        & > .ant-menu-submenu {
          margin: @sidebar-collapse-nav-item-margin;
        }

        & > .ant-menu-item,
        & > .ant-menu-submenu > .ant-menu-submenu-title {
          padding: @sidebar-collapse-nav-item-padding !important;

          & > .ant-menu-item-icon {
            font-size: @menu-icon-size-lg;
          }

          & > .ant-menu-title-content > span {
            margin: 0;
            max-height: 0;
            transform: scale(0);
            visibility: hidden;
          }
        }
      }
    }
  }

  .ele-admin-body {
    width: calc(100% - @sidebar-collapse-width);
  }

  &:not(.ele-admin-collapse) .ele-admin-sidebar + .ele-admin-body {
    width: calc(100% - @sidebar-width);
  }
}