@import (reference) '../../../design/index.less';

.layout-sidebar {
  overflow: hidden;

  &.fixed {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
  }

  &.ant-layout-sider-dark {
    background: @sider-dark-bg-color;
  }

  &:not(.ant-layout-sider-dark) {
    border-right: 1px solid @border-color-light;
    box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
  }

  .ant-layout-sider-zero-width-trigger {
    top: 40%;
    z-index: 10;
  }

  &__darg-bar {
    position: absolute;
    top: 0;
    right: -2px;
    z-index: @side-drag-z-index;
    width: 2px;
    height: 100%;
    cursor: col-resize;
    border-top: none;
    border-bottom: none;

    &.hide {
      display: none;
    }

    &:hover {
      background: @primary-color;
      box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.15);
    }
  }
}

.ant-layout-sider-trigger {
  height: 36px;
  line-height: 36px;
}
