@import '../../variables.scss';

.proTable {
  // -----------------------------------------------------table原生样式、
  .ant-table {
    // color: #848688;
    color: var(--titleColor);
  }
  // .ant-table-container {

  // }

  .ant-table-body {
    height: calc(var(--tableAutoHeight) * 1px);
    .ant-table-tbody {
      height: auto;
    }
  }

  .ant-table-thead > tr > th {
    // background: #2d7cff !important;
    // color: #fff !important;
    background: var(--headerBackgroundColor);
    color: var(--headerColor);
  }
  .ant-table-header {
    // border-radius: 10px 10px 0 0;
    border-radius: var(--headerBorderRadius);
  }
  // 排序的时候背景串色
  .ant-table-column-has-sorters:hover {
    background-color: var(--headerBackgroundColor) !important;
  }

  // -----------------------------------------------------table原生样式、
  .pro-header {
    display: flex;
    justify-content: space-between;
    .header-right {
      font-size: 20px;
      color: #91969c;
      font-size: 16px;
      display: flex;
      span {
        padding: 5px 10px;
      }
      span:hover {
        background-color: #e6e8eb;
        color: #5584ff;
      }
    }
  }
  // /*滚动条样式*/
  .ant-table-body::-webkit-scrollbar {
    width: calc(var(--scrollbarWidth) * 1px);
    height: calc(var(--scrollbarWidth) * 1px);
  }
  .ant-table-body::-webkit-scrollbar-thumb {
    border-radius: calc(var(--scrollbarWidth) * 1px);
    box-shadow: inset 0 0 calc(var(--scrollbarWidth) * 1px) rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
  }
  // 表格行定制样式
  .className-line {
    background-color: var(--lineClassNameColor);
    .ant-table-cell-row-hover {
      //处理点击时默认hover覆盖了点击的定制样式。
      background-color: var(--lineClassNameColor) !important;
    }
  }
}