@import 'vxe.dark';

.vxe-table {
  .vxe-cell--edit-icon {
    border-color: #606266;
  }

  .sort--active {
    border-color: @primary-color;
  }

  &-toolbar {
    &-collapsed {
      [data-collapse] {
        display: none;
      }
    }

    &-button.div .ant-btn {
      margin-right: 8px;
    }
  }

  .vxe-table.border--default .vxe-table--header-wrapper,
  .vxe-table.border--full .vxe-table--header-wrapper,
  .vxe-table.border--outer .vxe-table--header-wrapper {
    //background-color: #FFFFFF;
  }

  // 更改 tooltip 校验失败的颜色
  .vxe-table--tooltip-wrapper.vxe-table--valid-error {
    background-color: #f5222d !important;
  }

  // 更改 输入框 校验失败的颜色
  .col--valid-error > .vxe-cell > .ant-input,
  .col--valid-error > .vxe-cell > .ant-select .ant-input,
  .col--valid-error > .vxe-cell > .ant-select .ant-select-selection,
  .col--valid-error > .vxe-cell > .ant-input-number,
  .col--valid-error > .vxe-cell > .ant-cascader-picker .ant-cascader-input,
  .col--valid-error > .vxe-cell > .ant-calendar-picker .ant-calendar-picker-input,
  .col--valid-error > .vxe-tree-cell > .ant-input,
  .col--valid-error > .vxe-tree-cell > .ant-select .ant-input,
  .col--valid-error > .vxe-tree-cell > .ant-select .ant-select-selection,
  .col--valid-error > .vxe-tree-cell > .ant-input-number,
  .col--valid-error > .vxe-tree-cell > .ant-cascader-picker .ant-cascader-input,
  .col--valid-error > .vxe-tree-cell > .ant-calendar-picker .ant-calendar-picker-input {
    border-color: #f5222d !important;
  }

  .vxe-body--row.sortable-ghost,
  .vxe-body--row.sortable-chosen {
    background-color: #dfecfb;
  }

  .vxe-table {
    //.vxe-table--footer-wrapper.body--wrapper,
    .vxe-table--body-wrapper.body--wrapper {
      overflow-x: hidden;
    }

    &:hover {
      //.vxe-table--footer-wrapper.body--wrapper,
      .vxe-table--body-wrapper.body--wrapper {
        overflow-x: auto;
      }
    }
  }

  // 调整展开/收起图标样式
  .vxe-table--render-default .vxe-table--expanded .vxe-table--expand-btn {
    width: 17px;
    height: 17px;
  }
  .vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title{
    font-size: 13px;
  }
}
.vxe-grid--pager-wrapper {
  .vxe-pager .vxe-pager--wrapper {
    display: flex;
    &::before,
    &::after {
      content: '';
      display: table;
    }
    .ant-alert-content {
      flex: none;
    }
    .vxe-pager--left-wrapper {
      flex-grow: 1;
      float: left;
      margin-left: 0 !important;
    }
    .vxe-pager--total {
      margin: auto;
    }
  }
}
