调整工作流步骤状态标签颜色和间隔

.github/release.md

@@ -2,5 +2,6 @@
 微调侧边栏元素的间隔以更符合 Github
 版本发布整体调整以更符合 Github
 仓库分支下拉菜单优化以更符合 Github
+调整工作流步骤状态标签颜色和间隔以更符合 Github
 手动工作流分支按钮优化
 下拉菜单按钮优化

src/actions.scss

@@ -19,39 +19,60 @@
   }
 }
 
-.job-step-summary {
+.action-view-left {
-  color: var(--color-console-fg-subtle);
+  .job-brief-item {
-}
+    position: relative;
+    border-radius: 0.5rem !important;
+    margin-left: 0.5rem;
 
-.job-log-line {
+    &:hover {
-  color: var(--color-text);
+      background-color: var(--color-hover) !important;
+    }
 
-  &:hover {
+    &.selected {
-    color: #fff;
+      background-color: #161a21 !important;
-  }
-}
 
-.job-brief-item {
+      &:after {
-  position: relative;
+        overflow: visible;
-  border-radius: 0.5rem !important;
+        background: #1f6feb;
-
+        border-radius: 0.375rem;
-  &:hover {
+        content: '';
-    background-color: var(--color-hover) !important;
+        height: 1.8rem;
-  }
+        left: -0.5rem;
-
+        position: absolute;
-  &.selected {
+        top: calc(50% - 13px);
-    background-color: #161a21 !important;
+        width: 0.25rem;
-
+      }
-    &:after {
+    }
-      overflow: visible;
+  }
-      background: #1f6feb;
+}
-      border-radius: 0.375rem;
+
-      content: '';
+.action-view-right {
-      height: 1.8rem;
+  .job-step-container {
-      left: calc(0rem * -1);
+    .job-step-summary {
-      position: absolute;
+      color: var(--color-console-fg-subtle);
-      top: calc(50% - 13px);
+
-      width: 0.25rem;
+      .tw-mr-2:not(.svg) svg.svg {
+        margin: 2px 6px 0px 2px;
+      }
+
+      svg.svg.text.green {
+        color: #9198a1 !important;
+      }
+
+      &.selected {
+        svg.svg.text.green {
+          color: #f0f6fc !important;
+        }
+      }
+    }
+
+    .job-log-line {
+      color: var(--color-text);
+
+      &:hover {
+        color: #fff;
+      }
     }
   }
 }

src/release.scss

@@ -15,14 +15,14 @@
         text-overflow: ellipsis;
         white-space: nowrap;
         word-break: break-all;
-      }
 
-      svg {
+        svg {
-        margin-right: 8px !important;
+          margin-right: 8px !important;
-      }
+        }
 
-      svg.tw-mr-1.svg.octicon-tag {
+        svg.tw-mr-1.svg.octicon-tag {
-        margin-top: 1px;
+          margin-top: 1px;
+        }
       }
 
       .js-branch-tag-selector {