ze-react-component-library/lib/components/Table/Table.less

ZeroETP React Component Library

@import "~antd/es/style/themes/default.less";

@media (max-width: 480px) {
  .ant-pro-table .ant-table-thead > tr > th,
  .ant-pro-table .ant-table-tbody > tr > th,
  .ant-pro-table .ant-table-thead > tr > td,
  .ant-pro-table .ant-table-tbody > tr > td {
    white-space: unset !important;
  }
}

.ze-table {
  &.sorting{
    *{
      user-select: none !important;
    }
  }
  .ant-pro{
    height: 100%;
    overflow: hidden;
  }
  .ant-pro-table-list-toolbar-container {
    padding: 0;
    flex-wrap: nowrap;
    &.ant-pro-table-list-toolbar-container-mobile {
      flex-direction: row;
    }
    > .ant-space {
      flex-direction: row;
      flex: 1;
      min-width: 0;
      flex-wrap: nowrap;
    }
    .ant-pro-table-list-toolbar-setting-items{
      .anticon {
        line-height: 32px;
        cursor: pointer;
        &:hover {
          color: var(--ant-primary-color);
        }
      }
    }
  }
  .ze-table-list-creation {
    width: 100%;
  }
  .loop-row-level(@level) when (@level <= 10) {
    .ant-table-row-level-@{level}{
      td {
        &:first-of-type {
          padding-left: 12px + @level*24px !important;
          display: flex;
          align-items: center;
          .ant-table-row-expand-icon{
            flex-shrink: 0;
          }
        }
      }
    }
    .loop-row-level(@level + 1)
  }
  &.hierarchy-list{
    .loop-row-level(0);
  }
}