chuan
434161de5b
Release / release (push) Failing after 13s
- Removed `.github-theme` from .gitignore as it is no longer needed. - Updated `official-style-map.md` to clarify the maintenance of GitHub Light style increments within the current repository. - Revised `rules.md` to reflect the new approach to maintaining GitHub Light theme increments. - Changed test script in `package.json` to verify generated theme instead of GitHub migration. - Added `verify-generated-theme.ts` script to validate the generated theme files. - Migrated various styles from `.github-theme` to the new structure, updating comments and references accordingly.
116 lines
3.2 KiB
TypeScript
116 lines
3.2 KiB
TypeScript
|
|
export const summaryView = `
|
|
.action-view-right:has(.action-run-summary-view) {
|
|
min-height: auto;
|
|
}
|
|
.action-view-right .action-run-summary-view {
|
|
/* 工作流运行信息 */
|
|
.action-run-summary-block {
|
|
background: var(--color-body);
|
|
> .flex-text-block {
|
|
/* 工作流触发方式和触发时间 */
|
|
&:first-child {
|
|
font-size: 12px;
|
|
gap: 4px;
|
|
}
|
|
/* 工作流运行状态和运行时间 */
|
|
&:last-child {
|
|
color: var(--color-console-fg);
|
|
gap: 8px;
|
|
span {
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/* 流程图 */
|
|
.workflow-graph {
|
|
/* 流程图工作流信息标题 */
|
|
.graph-header {
|
|
background: var(--color-console-bg);
|
|
border-bottom: 0;
|
|
padding: 16px;
|
|
gap: 16px;
|
|
/* 流程图标题(目前仅为解释, 内容为 Workflow Dependencies), 无需显示 */
|
|
.graph-title {
|
|
display: none;
|
|
}
|
|
/* 流程图信息 */
|
|
.graph-stats {
|
|
align-self: flex-start;
|
|
font-size: 12px;
|
|
column-gap: 4px;
|
|
}
|
|
/* 流程图操作按钮组 */
|
|
> .flex-text-block {
|
|
gap: 8px;
|
|
.ui.compact.tiny.button {
|
|
width: 28px;
|
|
height: 28px;
|
|
min-height: 28px;
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
/* 流程图 */
|
|
.graph-container {
|
|
background: var(--color-console-bg);
|
|
.graph-svg {
|
|
/* 节点之间的连线 */
|
|
.node-edge {
|
|
stroke: var(--color-light-border);
|
|
stroke-width: 2px;
|
|
}
|
|
/* 高亮连线 */
|
|
.highlighted-edge {
|
|
stroke-width: 3px !important;
|
|
}
|
|
&:has(.highlighted-edge) {
|
|
/* 有高亮线时, 降低其他线的颜色, 避免后面 path 未高亮元素遮挡高亮线 */
|
|
.node-edge {
|
|
opacity: 0.3;
|
|
&.highlighted-edge {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
.job-node-group {
|
|
/* 节点 */
|
|
.job-rect {
|
|
fill: var(--github-workflow-card-bg);
|
|
stroke-width: 1px;
|
|
}
|
|
/* 节点上的端口 */
|
|
.node-port {
|
|
r: 5.5;
|
|
fill: var(--github-bgColor-neutral-emphasis);
|
|
stroke: var(--color-menu);
|
|
stroke-width: 3px;
|
|
}
|
|
&:hover {
|
|
filter: var(--github-shadow-resting-medium);
|
|
/* 保留 Gitea 节点悬浮色, 因为无法实现 GitHub 悬浮时降低其他节点颜色 */
|
|
.job-rect {
|
|
fill: var(--color-hover);
|
|
}
|
|
/* 节点上的端口 */
|
|
.node-port {
|
|
fill: var(--color-workflowEdgeHover);
|
|
}
|
|
}
|
|
/* 节点上的步骤状态图标 */
|
|
.job-status-icon-wrap {
|
|
span {
|
|
line-height: 1; /* 使图标垂直居中 */
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`;
|
|
|
|
export const stylesheet = [summaryView].join("\n\n");
|