iep-ui/lib/rockontrol/table/style/index.less

An enterprise-class UI design language and Vue-based implementation

@import '../../../style/themes/index';
@import '../../../style/mixins/index';

@pro-table-prefix-cls: ~'@{ant-prefix}-pro-table';

.pro-table-tooltip-text span {
  color: @component-background;
}

.@{pro-table-prefix-cls} {
  z-index: 1;
  &-container {
    background: #fff;
  }

  &:not(:root):fullscreen {
    min-height: 100vh;
    overflow: auto;
    background: @component-background;
  }

  &-toolbar {
    &-container {
      display: flex;
      justify-content: space-between;
      padding: 16px 0;
    }
    &-title {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      color: rgba(0, 0, 0, 0.85);
      font-weight: 500;
      font-size: 16px;
    }
    &-setting {
      &-item {
        font-size: 16px;
        cursor: pointer;
        &:hover {
          color: @primary-color;
        }
        &.rotate-90{
            transform: rotate(-90deg);
        }
        &-title {
          display: flex;
          align-items: center;
          justify-content: space-between;
          height: 32px;
        }
      }
      &-overlay {
        width: 236px;
        .@{ant-prefix}-dropdown-menu {
          padding: 0;
        }
        .@{ant-prefix}-dropdown-menu-item-divider {
          margin: 0;
        }
      }
    }
  }

  &-extra {
    margin-bottom: 16px;
  }

  td.@{ant-prefix}-table-cell {
    > a {
      font-size: @font-size-base;
    }
  }

  .@{ant-prefix}-table,
  .@{ant-prefix}-table-tbody,
  .@{ant-prefix}-table-wrapper:only-child,
  .@{ant-prefix}-table {
    margin: 0;
  }

  .@{ant-prefix}-table.@{ant-prefix}-table-middle .@{pro-table-prefix-cls} {
    margin: -12px -8px;
  }
}

@keyframes turn {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}