ci4sManagement-cloud/react-ui/src/pages/AutoML/components/ExperimentInstance/index.less

.tableExpandBox {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0 0 33px;
  color: @text-color;
  font-size: 14px;

  & > div {
    padding: 0 16px;
  }

  .check {
    width: calc((100% + 32px + 33px) / 6.25 / 2);
  }

  .index {
    width: calc((100% + 32px + 33px) / 6.25 / 2);
  }

  .description {
    display: flex;
    flex: 1;
    align-items: center;
  }

  .startTime {
    .singleLine();
    width: calc(20% + 10px);
  }

  .status {
    width: 200px;
  }

  .operation {
    position: relative;
    width: 344px;
  }
}

.tableExpandBoxContent {
  height: 45px;
  background-color: #fff;
  border: 1px solid #eaeaea;

  & + & {
    border-top: none;
  }

  .statusBox {
    display: flex;
    align-items: center;
    width: 200px;

    .statusIcon {
      visibility: hidden;
      transition: all 0.2s;
    }
  }
  .statusBox:hover .statusIcon {
    visibility: visible;
  }
}

.loadMoreBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px auto 0;
}