Issue/PR 的时间线样式间隔和大小

This commit is contained in:
lutinglt
2025-07-12 00:02:21 +08:00
parent 453fc5383d
commit 8792a43644

View File

@@ -142,30 +142,46 @@ export const prMerge = css`
// 时间线 // 时间线
export const timeline = css` export const timeline = css`
.repository.view.issue { .repository.view.issue {
.comment-list .timeline-item { .comment-list {
// 事件 .timeline-item,
&.event { .timeline-item-group {
.badge { padding: 16px 0;
border: 2px solid ${themeVars.color.body}; // 事件
} &.event {
// 仅匹配只有 badge // 修复覆盖后的位置问题
.badge:not([class*=" "]) { padding-left: 15px;
background-color: ${themeVars.github.control.bgColor.rest}; .avatar {
svg { width: 20px;
color: ${themeVars.color.text.light.num1}; height: 20px;
}
.badge {
border: 2px solid ${themeVars.color.body};
}
// 仅匹配只有 badge
.badge:not([class*=" "]) {
background-color: ${themeVars.github.control.bgColor.rest};
svg {
color: ${themeVars.color.text.light.num1};
}
} }
} }
} // 提交
// 提交 &.commits-list {
&.commits-list { // 每个提交之间的间隔
.badge svg { .flex-text-block {
color: ${themeVars.color.text.light.num1}; padding-top: 4px;
} }
// 仅覆盖左侧 commit 不覆盖右侧 SHA .badge svg {
a.muted { color: ${themeVars.color.text.light.num1};
color: ${themeVars.color.text.light.num1}; }
&:hover { // 仅覆盖左侧 commit 不覆盖右侧 SHA
color: ${themeVars.color.primary.self}; a.muted {
font-size: 12px;
color: ${themeVars.color.text.light.num1};
text-decoration-line: underline;
&:hover {
color: ${themeVars.color.primary.self};
}
} }
} }
} }