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

/* 侧栏滚动条样式 */
.ele-admin-sidebar,
.ele-admin-sidebar > .ele-admin-sidebar-menus,
.ele-admin-sidebar-nav,
.ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu,
.ant-menu-submenu-popup > .ant-menu.ant-menu-vertical {
  overflow-y: overlay;
  scrollbar-width: thin;
  scrollbar-color: @sidebar-light-scrollbar-thumb-color transparent;

  &::-webkit-scrollbar {
    width: @scrollbar-mini-thumb-size;
    height: @scrollbar-mini-thumb-size;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: (@scrollbar-mini-thumb-size / 2);
    border: @scrollbar-thumb-border-size solid transparent;
    background-color: @sidebar-light-scrollbar-thumb-color;
    background-clip: padding-box;

    &:hover {
      background-color: @sidebar-light-scrollbar-thumb-hover-color;
    }
  }

  &::-webkit-scrollbar-track {
    background: @sidebar-light-scrollbar-track-color;
  }

  &::-webkit-scrollbar-corner {
    background: transparent;
  }
}

@media (hover: hover) and (pointer: fine) {
  .ele-admin-sidebar,
  .ele-admin-sidebar > .ele-admin-sidebar-menus,
  .ele-admin-sidebar-nav,
  .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu,
  .ant-menu-submenu-popup > .ant-menu.ant-menu-vertical {
    &::-webkit-scrollbar {
      width: 0;
      height: 0;
    }

    &:hover::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
  }
}

/* 暗色侧栏滚动条样式 */
.ele-admin-side-dark:not(.ele-admin-side-mix) > .ele-admin-sidebar,
.ele-admin-side-dark:not(.ele-admin-side-mix)
  .ele-admin-sidebar
  > .ele-admin-sidebar-menus,
.ele-admin-side-dark .ele-admin-sidebar-nav,
.ele-admin-side-dark .ele-admin-sidebar-nav > .ele-admin-sidebar-nav-menu,
.ant-menu-submenu-popup.ant-menu-dark > .ant-menu.ant-menu-vertical {
  scrollbar-color: @sidebar-scrollbar-thumb-color transparent;

  &::-webkit-scrollbar-thumb {
    background-color: @sidebar-scrollbar-thumb-color;

    &:hover {
      background-color: @sidebar-scrollbar-thumb-hover-color;
    }
  }

  &::-webkit-scrollbar-track {
    background: @sidebar-scrollbar-track-color;
  }
}