@aplus-frontend/ui/theme/ap-descriptions/ap-descriptions.less

@import '../mixins/config.less';
@import '../mixins/mixins.less';

/** 
  TODO: 
    1.admin和aplus样式提成变量？
*/

.b(ap-descriptions,{
  .ant-descriptions {
    .ant-descriptions-view table {
      table-layout: fixed;
    }

    td {
      &.ant-descriptions-item {
        padding-bottom: var(--ap-descriptions-item-padding-bottom, 16px);
      }
    }
    th {
      &.ant-descriptions-item {
        padding-bottom: 4px;
      }
    }
    // 最后一个 item 的 padding-bottom 为 0
    .ant-descriptions-row {
      &:last-child {
        .ant-descriptions-item {
          padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom, 0px);
        }
      }
    }

    .ant-descriptions-item-label::after {
      margin-inline: 4px 12px;
    }
  }

  &-item__ellipsis {

    .ant-descriptions-item-label {
      flex-shrink: 0;
    }
    .ant-descriptions-item-content {
      flex-shrink: 1;
      min-width: 0px;
      .ant-typography {
        margin-bottom: 0px;
      }
      .ant-typography-ellipsis {
        max-width: 100%;
      }
    }
  }

  &--item-label {
    // 解决英文单词问题
    .ant-typography-single-line {
      white-space: normal;
    }
  }

  .ant-descriptions-row {
    .ant-descriptions-item-label {
      .ant-typography{
        // 继承上级颜色
        color: inherit;
      }
    }}

  // admin端定制样式
  &--admin {
    .ant-descriptions-row {
      .ant-descriptions-item-label {
        justify-content: flex-end;
        width: var(--ap-descriptions-item-label-width, auto);
        color: #999999;
        // 帮助icon样式
        .ap-descriptions-item-content__help {
          font-size: 14px;
          margin-left: 4px;
          color: #999999;
        }
      }

      .ant-descriptions-item-content {
        color: #333333;
        // 附件链接色
        .ap-descriptions-item-content__link {
          color: #1890ff;
          cursor: pointer;
        }
      }
    }
  }

  // aplus端定制样式
  &--aplus {
    .ant-descriptions-row {
      .ant-descriptions-item-label {
        justify-content: flex-end;
        width: var(--ap-descriptions-item-label-width, auto);
        color: #8896B0;

        // 帮助icon样式
        .ap-descriptions-item-content__help {
          font-size: 14px;
          margin-left: 4px;
          color: #8896B0;
        }
      }

      .ant-descriptions-item-content {
        color: #182948;
        // 附件链接色
        .ap-descriptions-item-content__link {
          color: #0070FF;
          cursor: pointer;
        }
      }
    }
  }
});