@use '../../style/themes/default.scss' as *;
@use '../../style/util.scss' as *;

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

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

  .ele-admin-sidebar {
    width: eleVar('sidebar', 'collapse-width');

    & + .ele-admin-body {
      width: calc(100% - #{eleVar('sidebar', 'collapse-width')});
    }
  }

  &.ele-admin-mix-sidebar .ele-admin-sidebar {
    width: 0;

    & + .ele-admin-body {
      width: calc(100% - #{eleVar('sidebox', 'width')});
    }
  }
}

.ele-admin-collapse.ele-admin-mix-sidebar .ele-admin-sidebox,
.ele-admin-none-sidebar.ele-admin-mix-sidebar .ele-admin-sidebox {
  box-shadow: eleVar('sidebar', 'shadow');
}

/* 折叠一级侧栏 */
.ele-admin-compact.ele-admin-mix-sidebar {
  $collapseW: eleVar('sidebar', 'collapse-width');
  $sidebarW: eleVar('sidebar', 'mix-width');

  .ele-admin-logo,
  .ele-admin-sidebox {
    width: $collapseW;
  }

  .ele-admin-sidebar + .ele-admin-body {
    width: calc(100% - #{$collapseW} - #{$sidebarW});
  }

  .ele-admin-sidebox + .ele-admin-body,
  &.ele-admin-collapse .ele-admin-body {
    width: calc(100% - #{$collapseW});
  }

  .ele-admin-sidebox .ele-admin-menus > .el-scrollbar__wrap {
    & > .el-scrollbar__view > .ele-menu {
      $padding: eleVar('sidebox', 'collapse-padding');
      #{eleVarName('menu', 'item-padding')}: #{$padding};

      & > .el-menu-item,
      & > .el-sub-menu > .el-sub-menu__title {
        padding: eleVar('sidebox', 'collapse-item-padding');

        & > span {
          display: none;
        }
      }

      & > .el-menu-item .el-badge,
      & > .el-sub-menu > .el-sub-menu__title .el-badge {
        .el-badge__content:not(.is-dot) {
          padding: 0;
          width: 8px;
          height: 8px;
          font-size: 0;
          line-height: 0;
          min-width: auto;
          border-radius: 50%;
        }
      }
    }
  }
}