mirrors/gitea-github-theme
1
0
Fork 0
mirror of https://github.com/lutinglt/gitea-github-theme.git synced 2025-12-21 22:23:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf action step container

Browse Source
This commit is contained in:
lutinglt
2025-11-06 18:05:12 +08:00
parent efec911021
commit 914d5228e3
1 changed files with 43 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
styles/components/actions.ts
View File

@@ -253,53 +253,57 @@ export const actionViewRight = css`
} }
.job-step-container { .job-step-container {
// 步骤标题 padding: 8px;
.job-step-summary { .job-step-section {
color: ${themeVars.color.console.fg.subtle}; margin: 0 4px 4px;
padding: 8px 10px !important; // 步骤标题, 双重确保覆盖原始样式
.job-step-summary.job-step-summary {
&.selected.selected {
// 双重确保 selected 覆盖原始样式
// 滚动时固定在顶部的高度与 job-info-header 高度相同
top: 80px;
}
&.step-expandable:hover {
color: ${themeVars.color.console.fg.subtle}; color: ${themeVars.color.console.fg.subtle};
} padding: 8px !important;
height: 36px;
.tw-mr-2:not(.svg) svg.svg { &.selected {
margin: 1.5px 6px 0px 2px; // 滚动时固定在顶部的高度与 job-info-header 高度相同
} top: 80px;
/* 绿色步骤状态改为白色 */ }
svg.svg.text.green {
color: ${themeVars.color.console.fg.subtle} !important;
}
&.selected { &.step-expandable:hover {
/* 不被 hover 效果影响 */ color: ${themeVars.color.console.fg.subtle};
color: ${themeVars.color.console.fg.self} !important; }
background-color: ${themeVars.color.console.activeBg} !important;
.tw-mr-2:not(.svg) svg.svg {
margin: 1.5px 6px 0px 2px;
}
/* 绿色步骤状态改为白色 */
svg.svg.text.green { svg.svg.text.green {
color: ${themeVars.color.console.fg.subtle} !important;
}
&.selected {
/* 不被 hover 效果影响 */
color: ${themeVars.color.console.fg.self} !important; color: ${themeVars.color.console.fg.self} !important;
background-color: ${themeVars.color.console.activeBg} !important;
svg.svg.text.green {
color: ${themeVars.color.console.fg.self} !important;
}
}
// 步骤耗时
.step-summary-duration {
font-size: 12px;
font-family: var(--fonts-monospace);
} }
} }
// 步骤耗时 // 步骤日志
.step-summary-duration { .job-step-logs {
font-size: 12px; animation: ${animationDown};
font-family: var(--fonts-monospace); /* 日志字体颜色白色 */
} .job-log-line {
} color: ${themeVars.color.console.fg.self};
// 步骤日志 /* 被 hover 时覆盖 ANSI 颜色 */
.job-step-logs { .log-msg:hover * {
animation: ${animationDown}; color: ${themeVars.color.console.fg.self} !important;
/* 日志字体颜色白色 */ }
.job-log-line {
color: ${themeVars.color.console.fg.self};
/* 被 hover 时覆盖 ANSI 颜色 */
.log-msg:hover * {
color: ${themeVars.color.console.fg.self} !important;
} }
} }
} }