@import '~antd/es/style/themes/default.less';
@import './global.less';

@basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';

.@{basicLayout-prefix-cls} {
  &:not('.ant-pro-basicLayout-mobile') {
    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }

    ::-webkit-scrollbar-track {
      background: rgba(0, 0, 0, 0.06);
      border-radius: 3px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
    }

    /* 滚动条滑块 */
    ::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.12);
      border-radius: 3px;
      -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
    }
  }

  // BFC
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;

  .ant-layout-header {
    &:not(.ant-pro-top-menu) {
      background: @component-background;
    }

    &.ant-pro-fixed-header {
      position: fixed;
      top: 0;
    }
  }

  &-content {
    position: relative;
    margin: 0 !important;
    margin-bottom: 0;
    transition: all 0.2s;

    .@{ant-prefix}-pro-page-header-wrap {
      margin: 0 !important;
    }

    &-disable-margin {
      margin: 0;

      > div > .@{ant-prefix}-pro-page-header-wrap {
        margin: 0;
      }
    }

    > .ant-layout {
      max-height: 100%;
    }
  }

  // children should support fixed
  .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-fix-siderbar {
    height: 100vh;
    overflow: hidden;
    transform: rotate(0);
  }

  .@{basicLayout-prefix-cls}-has-header {
    .@{basicLayout-prefix-cls}-is-children {
      min-height: calc(100vh - @layout-header-height);

      &.@{basicLayout-prefix-cls}-fix-siderbar {
        height: calc(100vh - @layout-header-height);
      }
    }
  }

  // tech-page-container
  .@{basicLayout-prefix-cls}-has-header .tech-page-container {
    height: calc(100vh - @layout-header-height);
  }

  .@{basicLayout-prefix-cls}-has-header
    .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-has-header {
    .tech-page-container {
      height: calc(100vh - @layout-header-height - @layout-header-height);
    }
  }
}

.ant-pro-basicLayout-custom-style {
  aside.ant-layout-sider.ant-layout-sider-dark,
  .ant-pro-sider.ant-pro-sider-dark,
  .ant-pro-sider-menu-sider.dark {
    .ant-pro-sider-menu-logo {
      background-color: #0c2d53;
      background: #0c2d53;
    }
  }

  aside.ant-layout-sider.ant-layout-sider-dark,
  .ant-pro-sider.ant-pro-sider-dark,
  ul.ant-menu.ant-menu-dark.ant-menu-dark {
    background-color: #103764;
    background: #103764;

    &:not(.ant-menu-horizontal) li.ant-menu-item-selected {
      background-color: @primary-color;
      background: @primary-color;
    }

    ul.ant-menu-inline.ant-menu-sub {
      background-color: #0b2f57;
      background: #0b2f57;
    }

    &.ant-menu-inline-collapsed,
    .ant-menu-inline-collapsed {
      width: auto;

      li.ant-menu-item {
        padding: 0 16px;
      }
    }
  }
}

.wrapContent {
  @scroller();
}