@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);
      }
    }
    th {
      &.ant-descriptions-item {
        padding-bottom: 8px;
      }
    }
    // 最后一个 item 的 padding-bottom 为 0
    .ant-descriptions-row {
      &:last-child {
        .ant-descriptions-item {
          padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
        }
      }
    }

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

  .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);
        color: #999999;
        // 帮助icon样式
        .ap-descriptions-item-content__help {
          margin-left: 4px;
          color: #34b77c;
          font-size: 16px;
        }
      }

      .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);
        color: #8896B0;

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

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