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

Optimize the workflow log page style

Browse Source
This commit is contained in:
lutinglt
2025-11-06 19:24:51 +08:00
parent 914d5228e3
commit 4ae9a2754f
2 changed files with 39 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@@ -2,6 +2,8 @@
##### More aligned with GitHub style ##### More aligned with GitHub style
- Optimize the workflow log page style
### 🐞 Fix ### 🐞 Fix
- Fix the problem of missing background color and width when there is a unicode character in the diff - Fix the problem of missing background color and width when there is a unicode character in the diff

72
styles/components/actions.ts
View File

@@ -156,7 +156,6 @@ export const actionViewLeft = css`
.action-view-left { .action-view-left {
margin-right: 28px; margin-right: 28px;
border-top: 1px solid ${themeVars.color.console.border}; border-top: 1px solid ${themeVars.color.console.border};
&:before { &:before {
content: "Jobs"; content: "Jobs";
color: ${themeVars.color.console.fg.subtle}; color: ${themeVars.color.console.fg.subtle};
@@ -168,52 +167,53 @@ export const actionViewLeft = css`
top: -8px; top: -8px;
left: 15px; left: 15px;
} }
.job-group-section { .job-group-section {
padding-right: 8px; padding-right: 8px;
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 1px solid ${themeVars.color.console.border}; border-bottom: 1px solid ${themeVars.color.console.border};
.job-brief-list {
.job-brief-item { gap: 4px;
border-radius: ${otherThemeVars.border.radius} !important; // 双重确保覆盖原始样式
padding: 8px; .job-brief-item.job-brief-item {
position: relative; border-radius: ${otherThemeVars.border.radius} !important;
margin-left: 0.5rem; padding: 8px;
position: relative;
&.selected { margin-left: 0.5rem;
&:hover { &:hover {
background-color: ${themeVars.color.console.hoverBg}; background-color: ${themeVars.color.console.hoverBg};
} }
&.selected {
&:after { &:after {
overflow: visible; overflow: visible;
background: ${themeVars.github.borderColor.accent.emphasis}; background: ${themeVars.github.borderColor.accent.emphasis};
border-radius: ${otherThemeVars.border.radius}; border-radius: ${otherThemeVars.border.radius};
content: ""; content: "";
height: 24px; height: 24px;
left: calc(0.5rem * -1); left: calc(0.5rem * -1);
position: absolute; position: absolute;
top: calc(50% - 12px); top: calc(50% - 12px);
width: 4px; width: 4px;
}
}
.job-brief-item-right {
svg.job-brief-rerun {
display: none;
color: ${themeVars.color.console.fg.subtle};
&:hover {
color: ${themeVars.color.text.self};
} }
} }
.step-summary-duration {
color: ${themeVars.color.console.fg.subtle};
font-family: var(--fonts-monospace);
}
}
&:hover {
.job-brief-item-right { .job-brief-item-right {
svg.job-brief-rerun { svg.job-brief-rerun {
display: inline-block; display: none;
color: ${themeVars.color.console.fg.subtle};
&:hover {
color: ${themeVars.color.text.self};
}
}
.step-summary-duration {
color: ${themeVars.color.console.fg.subtle};
font-family: var(--fonts-monospace);
font-size: 12px;
}
}
&:hover {
.job-brief-item-right {
svg.job-brief-rerun {
display: inline-block;
}
} }
} }
} }