zsxt_nbzs_h5/web-react/src/assets/style/default/lib/table.less

@import (reference) '../extend.less';
.yo-query-bar {
  margin-bottom: @padding-xs;
  .ant-form-inline {
    .ant-form-item {
      margin-bottom: @padding-xs;
    }
  }
}
.yo-action-bar {
  display: flex;
  justify-content: space-between;

  margin-bottom: @padding-md;
  &--actions {
    >.ant-btn,
    >.ant-btn-group {
      +.ant-btn,
      +.ant-btn-group {
        margin-left: @padding-xs;
      }
    }
  }
}
.ant-table {
  .ant-table-container {
    &::before,
    &::after {
      z-index: 3;
    }
  }
}
.ant-table-thead {
  th.ant-table-column-has-sorters {
    &:hover {
      background-color: darken(@background-color-base, 5%);
    }
  }
}
.ant-table-tbody {
  >tr {
    >td {
      transition-property: background, border-bottom-color;
    }
  }
  >tr.ant-table-row:hover {
    >td {
      border-bottom-color: lighten(@primary-color, 30%);
    }
  }
}
.ant-table-small {
  >.ant-table-content {
    >.ant-table-body {
      margin: 0;
      >table {
        >.ant-table-thead {
          >tr {
            >th {
              background-color: @table-selected-row-bg;
            }
          }
        }
      }
    }
  }
}
.ant-table-thead {
  >tr {
    >th {
      font-weight: bold;
    }
  }
}
.ant-table-sticky-scroll {
  display: none;
}
.yo-table {
  .ant-table {
    margin: 0 !important;
  }
  .border-right-none {
    border-right-width: 0 !important;
    &:last-child {
      border-right-width: 1px !important;
    }
  }
  .ant-table-content {
    .ant-table-body {
      overflow-x: auto !important;
      >table {
        >.ant-table-thead {
          >tr {
            >th {
              .border-right-none();
            }
          }
        }
        >.ant-table-tbody {
          >tr {
            >td {
              .border-right-none();
            }
          }
        }
      }
    }
    .ant-table-fixed-left {
      .ant-table-thead {
        >tr {
          >th {
            border-right-width: 0 !important;
          }
        }
      }
      .ant-table-tbody {
        >tr {
          >td {
            border-right-width: 0 !important;
          }
        }
      }
    }
    .ant-table-fixed-right {
      .ant-table-fixed {
        border-left-width: 0 !important;
      }
      .ant-table-thead {
        >tr {
          >th {
            .border-right-none();
          }
        }
      }
      .ant-table-tbody {
        >tr {
          >td {
            .border-right-none();
          }
        }
      }
    }
  }
  .ant-table-bordered {
    >.ant-table-container {
      border-top: @border-width-base @border-style-base @table-border-color;
    }
  }
  &--row-no {
    width: 30px !important;

    background-color: @table-header-bg;
  }
}
.yo-table-actions {
  display: inline-block;

  vertical-align: middle;
  &--inner {
    display: flex;
    align-items: center;

    height: 18px;
  }
}
.yo-table--column-setting {
  width: 240px;
  .ant-dropdown-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .anticon-pushpin {
    transition: @animation-duration-slow;
    transform: rotate(45deg);

    color: darken(@white, 40%);
  }
  .yo-table--fixed {
    transform: rotate(-45deg);
  }
}
.yo-menu-table {
  .ant-table {
    .ant-table-expand-icon-col {
      width: 28px;
    }
    .ant-table-row-expand-icon-cell {
      z-index: 1;

      padding-right: 0 !important;

      border-right: none !important;
      +.ant-table-cell {
        padding-left: 0;
      }
    }
    .ant-table-tbody {
      >.ant-table-expanded-row-level-1>td {
        padding: 0;

        border-right: none !important;
        .ant-table-wrapper {
          border: none;
          .ant-table {
            margin: 0 !important;
          }
          .ant-table-container {
            border: none;
            .ant-table-row-expand-icon-cell {
              .ant-table-row-expand-icon {
                left: @padding-md;
              }
              +.ant-table-cell {
                padding-left: @padding-md;
              }
            }
            .ant-table-expanded-row-level-1>td {
              padding: @padding-sm @padding-xs @padding-sm @padding-xl;

              border-right: @border-width-base @border-style-base @table-border-color !important;
              .ant-card {
                max-width: fit-content;
                margin-bottom: 0;

                background: none;
                .ant-card-grid {
                  width: 300px;
                  padding: @padding-xs @padding-sm;

                  background-color: @card-background;
                }
              }
            }
          }
        }
      }
    }
  }
}