Optimize the workflow log page style

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ##### More aligned with GitHub style
 
+- Optimize the workflow log page style
+
 ### 🐞 Fix
 
 - Fix the problem of missing background color and width when there is a unicode character in the diff
+- Fix the disabled operation button interval in the code preview interface
+- Fix fixed height when scrolling through step titles on workflow detail pages

styles/components/actions.ts

@@ -156,7 +156,6 @@ export const actionViewLeft = css`
   .action-view-left {
     margin-right: 28px;
     border-top: 1px solid ${themeVars.color.console.border};
-
     &:before {
       content: "Jobs";
       color: ${themeVars.color.console.fg.subtle};
@@ -168,23 +167,22 @@ export const actionViewLeft = css`
       top: -8px;
       left: 15px;
     }
-
     .job-group-section {
       padding-right: 8px;
       padding-bottom: 8px;
       border-bottom: 1px solid ${themeVars.color.console.border};
-
+      .job-brief-list {
-      .job-brief-item {
+        gap: 4px;
+        // 双重确保覆盖原始样式
+        .job-brief-item.job-brief-item {
           border-radius: ${otherThemeVars.border.radius} !important;
           padding: 8px;
           position: relative;
           margin-left: 0.5rem;
-
-        &.selected {
           &:hover {
             background-color: ${themeVars.color.console.hoverBg};
           }
-
+          &.selected {
             &:after {
               overflow: visible;
               background: ${themeVars.github.borderColor.accent.emphasis};
@@ -208,6 +206,7 @@ export const actionViewLeft = css`
             .step-summary-duration {
               color: ${themeVars.color.console.fg.subtle};
               font-family: var(--fonts-monospace);
+              font-size: 12px;
             }
           }
           &:hover {
@@ -220,6 +219,7 @@ export const actionViewLeft = css`
         }
       }
     }
+  }
 `;
 
 // 工作流右侧作业步骤日志详情
@@ -253,10 +253,14 @@ export const actionViewRight = css`
     }
 
     .job-step-container {
-      // 步骤标题
+      padding: 8px;
-      .job-step-summary {
+      .job-step-section {
+        margin: 0 4px 4px;
+        // 步骤标题, 双重确保覆盖原始样式
+        .job-step-summary.job-step-summary {
           color: ${themeVars.color.console.fg.subtle};
-        padding: 8px 10px !important;
+          padding: 8px !important;
+          height: 36px;
 
           &.selected {
             // 滚动时固定在顶部的高度与 job-info-header 高度相同
@@ -304,4 +308,5 @@ export const actionViewRight = css`
         }
       }
     }
+  }
 `;

styles/components/filelist.ts

@@ -316,6 +316,10 @@ export const repoFileView = css`
                 &:last-of-type {
                   border-top-right-radius: ${otherThemeVars.border.radius};
                   border-bottom-right-radius: ${otherThemeVars.border.radius};
+                  // 与无权限按钮之间的间距
+                  + .btn-octicon.disabled {
+                    margin-left: 8px;
+                  }
                 }
                 &:hover {
                   background: ${themeVars.color.hover.self};