@import './index.less';

@yee-table-prefix-cls: ~'@{yee-prefix}-table';

.@{yee-transfer-prefix-cls}-customize-list {
  display: flex;

  .@{yee-transfer-prefix-cls}-operation {
    flex: none;
    align-self: center;
  }

  .@{yee-transfer-prefix-cls}-list {
    flex: auto;
    width: auto;
    height: auto;
    min-height: @yee-transfer-list-height;

    &-body {
      &-with-search {
        padding-top: 0;
      }

      // Search box in customize mode do not need fix top
      &-search-wrapper {
        position: relative;
        padding-bottom: 0;
      }

      &-customize-wrapper {
        padding: 12px;
      }
    }
  }

  // =================== Hook Components ===================
  .@{yee-table-prefix-cls}-wrapper {
    .@{yee-table-prefix-cls}-small {
      border: 0;
      border-radius: 0;

      > .@{yee-table-prefix-cls}-content {
        // Header background color
        > .@{yee-table-prefix-cls}-body > table > .@{yee-table-prefix-cls}-thead > tr > th {
          background: @yee-table-header-bg;
        }

        .@{yee-table-prefix-cls}-row:last-child td {
          border-bottom: @yee-border-width-base @yee-border-style-base @yee-border-color-split;
        }
      }

      .@{yee-table-prefix-cls}-body {
        margin: 0;
      }
    }

    .@{yee-table-prefix-cls}-pagination.@{yee-prefix}-pagination {
      margin: 16px 0 4px;
    }
  }
}
