export const commit = `
.page-content.repository.commits {
    /* 提交列表 (选择器保证同等优先级覆盖了 gitea 原生的样式) */
    .ui.attached.table.segment.commit-table tbody.commit-list {
      /* 作者 */
      .author {
        img.ui.avatar {
          border-radius: 9999px;
        }
        /* 作者名称 */
        .author-wrapper {
          display: flex;
          color: var(--color-text-light-1);
        }
      }
      /* SHA 标签 */
      .sha {
        a.ui.label.commit-id-short {
          padding: 2px 8px;
          height: 28px;
          margin-top: 0.375rem;
          margin-bottom: 0.375rem;
          margin-left: -8px;
        }
      }
      /* 提交信息 */
      .message {
        /* tag 标签 */
        a.ui.basic.label {
          border-radius: 9999px;
          border-width: 1.5px;
          padding: 3px 8px !important;
          margin-left: 4px;
        }
      }
      /* 提交信息右侧 */
      .tw-text-right {
        relative-time,
        svg {
          color: var(--color-text-light-1);
        }
      }
      tr {
        /* 整行悬停色 */
        &:hover {
          background-color: var(--color-hover-opaque);
        }
        /* 偶数行悬停色 */
        &:nth-child(2n):hover {
          background-color: var(--color-hover-opaque) !important;
        }
        /* 尾行圆角 */
        &:last-child {
          td:first-child {
            border-bottom-left-radius: var(--border-radius);
          }
          td:last-child {
            border-bottom-right-radius: var(--border-radius);
          }
        }
      }
    }
  }
`;

export const commitStatus = `
.flex-text-inline[data-global-init="initCommitStatuses"] {
    padding: 3px;
    margin-top: 2px;
    border-radius: var(--border-radius);
    &:hover {
      background-color: var(--github-control-transparent-bgColor-hover);
    }
    svg {
      width: 16px;
      height: 16px;
      min-width: 16px;
      min-height: 16px;
    }
  }
`;

export const commitGraph = `
.page-content.repository #git-graph-container {
    img.ui.avatar {
      border-radius: 9999px;
    }
    /* 提交图的 SHA 标签 */
    li .ui.label.commit-id-short {
      height: 25px;
      /* 验证提交 SHA 标签 */
      &.commit-is-signed {
        span.ui.label.commit-is-signed {
          height: 25px;
        }
      }
    }
  }
`;

export const stylesheet = [commit, commitStatus, commitGraph].join("\n\n");