@cmstops/pro-compo/lib/docHistory/style/docHistoryList.less

[物料平台文档中心](https://arco.design/docs/material/guide)

.doc-history-list-wrap {
  box-sizing: border-box;
  border-left: 1px solid var(--color-border-1);

  // 单条历史记录
  .doc-history-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    box-sizing: border-box;
    width: 260px;
    padding: 20px 16px;
    border-bottom: 1px solid var(--color-border-1);
    border-left: 3px solid transparent;
    cursor: pointer;

    .update-time {
      color: var(--color-text-1);
      font-size: 14px;
    }

    .tips {
      color: var(--color-text-2);
      font-size: 12px;
    }

    .doc-author {
      display: flex;
      gap: 8px;
      align-items: center;
      color: var(--color-text-1);
      font-size: 14px;

      &::before {
        width: 5px;
        height: 5px;
        background-color: rgb(var(--primary-6));
        border-radius: 50%;
        content: ' ';
      }
    }

    // 激活/选中状态
    &.active {
      background-color: rgba(var(--primary-6), 0.1);
      border-left-color: rgb(var(--primary-6));

      .update-time {
        color: rgb(var(--primary-6));
      }
    }

    // 悬浮
    &:hover {
      background-color: var(--color-fill-1);
    }
  }
}