@import './variable.scss';

.x-vxe-table {
  * {
    outline: none;
  }

  width: 100%;

  .vxe-table {

    .vxe-cell {
      word-break: normal;
      white-space: normal;
    }

    .vxe-table--empty-block {
      min-width: 100%;

      > .vxe-table--empty-content {
        height: 130px;
      }
    }

    .fixed-left--wrapper {
      overflow-y: hidden;
    }

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

    // .vxe-table--empty-placeholder {
    //   .x-empty-page {
    //     top: 20px;
    //   }
    // }

    .vxe-table--header tr > th {
      height: 44px;
      padding: 0;
    }

    .vxe-table--footer tr > td {
      height: 44px;
      padding: 0;
    }

    .vxe-table--body tr > td.vxe-body--column {
      height: 44px;
      padding: 0;
      .seq {
        white-space: nowrap;
      }
      .seq-checkable {
        display: inline-block;
      }
      .seq-radio {
        .el-radio__label {
          display: none;
        }
        display: none;
      }
      .seq-checkbox {
        display: none;
      }

      .sql-cell-sign {
        position: absolute;
        top: 0;
        left: 0;
      }

      .row--hover {
        background: #f5f7fa;
      }
    }
    .vxe-table--body tr.hover-row > td,
    .vxe-table--body tr:hover > td,
    .vxe-table--body tr.row-checked > td {
      .seq-checkable {
        display: none;
      }
      .seq-radio {
        display: block;
      }
      .seq-checkbox {
        display: block;
      }
    }

    // > .el-table__body-wrapper {
    //   position: unset;
    // }

    // .el-table__fixed-header-wrapper {
    //   table.el-table__header {
    //     tr {
    //       th:first-child {
    //         border-right: none;
    //       }
    //     }
    //   }
    // }
  }
  .create-new-data {
    position: absolute;
    margin-top: 30px;
    font-size: 12px;
    .no-want-data {
      font-size: 12px;
    }
    .add-immediate {
      font-size: 12px;
      color: #238bff;
      cursor: pointer;
    }
  }
  .pagination {
    display: flex;
    padding: 20px 0;
    margin-right: -14px;
    justify-content: flex-end;

    &.el-pagination.is-background .btn-prev,
    &.el-pagination.is-background .btn-next,
    &.el-pagination.is-background .el-pager li {
      background: #fff;
      border: $--border-color-lighter solid 1px;
      &.active {
        background-color: $--app-primary-color;
      }
    }

    &.el-pagination.is-background .el-pager li.active:not(.disabled):hover {
      color: #fff !important;
    }
  }
}

.pagination-popper.el-select-dropdown {
  z-index: 6000 !important;
  min-width: 100px !important;

  .el-select-dropdown__item {
    text-align: center;
  }
}