@import (reference) '~@/assets/style/extend.less';
.yo-tree-layout {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  .ant-layout-sider {
    background-color: @white;
    .ant-layout-header {
      height: @layout-header-height - 20px;

      background-color: @white;
      .header-actions {
        >.ant-input-search {
          .ant-input {
            color: @black;
            background-color: @white;
            &:focus {
              background-color: fade(@black, 5%);
            }
          }
          .anticon-search {
            color: fade(@black, 45%);
          }
        }
      }
    }
  }
  &--bar {
    line-height: 20px;

    height: 20px;
    padding: 0 @padding-md;

    text-align: right;
    >.anticon {
      cursor: pointer;

      color: fade(@black, 50%);
      &:hover {
        color: fade(@black, 80%);
      }
    }
  }
  &--content {
    position: absolute;
    top: @layout-header-height;
    left: 0;
    bottom: 0;

    overflow-y: auto;

    width: 100%;
    &::-webkit-scrollbar {
      width: 5px;
      height: 5px;

      background-color: @white;
    }
    &::-webkit-scrollbar-thumb {
      background-color: transparent;
    }
    &:hover::-webkit-scrollbar-thumb {
      background-color: fade(@black, 30%);
    }
    &::-webkit-scrollbar-thumb:active {
      background-color: fade(@black, 45%);
    }
  }
}
