Actions 工作流日志页面样式同步

This commit is contained in:
lutinglt
2025-01-14 11:09:47 +08:00
parent 5e8475ab35
commit 8f80e88ebb
2 changed files with 70 additions and 21 deletions

2
.github/release.md vendored
View File

@@ -4,6 +4,6 @@
- 微调菜单项按钮样式 - 微调菜单项按钮样式
- Actions 工作流日志页面与浏览器同宽 - Actions 工作流日志页面与浏览器同宽
- Actions 工作流日志页面样式优化 - Actions 工作流日志页面样式同步
- Actions 日志字体同步 - Actions 日志字体同步
- 全局激活颜色和悬停颜色优化 - 全局激活颜色和悬停颜色优化

View File

@@ -18,37 +18,86 @@
} }
} }
} }
.ui.container.action-view-container { .ui.container.action-view-container {
width: auto; width: auto;
max-width: 100%;
padding: 0 24px 0 16px;
.action-view-header {
margin-top: 20px;
.action-info-summary {
margin-left: 14px;
}
.action-commit-summary {
margin-left: 28+14px;
}
}
} }
.action-view-left.action-view-left { .action-view-left.action-view-left {
width: 15.25%;
}
.action-view-right.action-view-right {
width: 84.75%
}
@media (max-width: 767.98px) {
.action-view-left.action-view-left,
.action-view-right.action-view-right {
width: 100%;
}
}
.action-view-left {
margin-top: 16px; margin-top: 16px;
margin-right: 24px; margin-right: 28px;
border-top: 1px solid #2f353d;
.job-brief-item { &:before {
border-radius: 0.5rem !important; content: 'Jobs';
padding: 8px; color: #9198a1;
font-size: 12px;
font-weight: 600;
position: relative; position: relative;
margin-left: 0.5rem; display: inline-block;
margin-top: 22px;
top: -8px;
left: 15px;
}
&.selected { .job-group-section {
background-color: #161a21; padding-right: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #2f353d;
&:hover { .job-brief-item {
background-color: var(--color-hover); border-radius: 0.5rem !important;
} padding: 8px;
position: relative;
margin-left: 0.5rem;
&:after { &.selected {
overflow: visible; background-color: #161a21;
background: #1f6feb;
border-radius: 0.375rem; &:hover {
content: ''; background-color: var(--color-hover);
height: 24px; }
left: calc(0.5rem * -1);
position: absolute; &:after {
top: calc(50% - 12px); overflow: visible;
width: 4px; background: #1f6feb;
border-radius: 0.375rem;
content: '';
height: 24px;
left: calc(0.5rem * -1);
position: absolute;
top: calc(50% - 12px);
width: 4px;
}
} }
} }
} }