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

.github/release.md

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

src/actions.scss

@@ -19,21 +19,11 @@
   }
 }
 
-.job-step-summary {
-  color: var(--color-console-fg-subtle);
-}
-
-.job-log-line {
-  color: var(--color-text);
-
-  &:hover {
-    color: #fff;
-  }
-}
-
+.action-view-left {
   .job-brief-item {
     position: relative;
     border-radius: 0.5rem !important;
+    margin-left: 0.5rem;
 
     &:hover {
       background-color: var(--color-hover) !important;
@@ -48,10 +38,41 @@
         border-radius: 0.375rem;
         content: '';
         height: 1.8rem;
-      left: calc(0rem * -1);
+        left: -0.5rem;
         position: absolute;
         top: calc(50% - 13px);
         width: 0.25rem;
       }
     }
   }
+}
+
+.action-view-right {
+  .job-step-container {
+    .job-step-summary {
+      color: var(--color-console-fg-subtle);
+
+      .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,7 +15,6 @@
         text-overflow: ellipsis;
         white-space: nowrap;
         word-break: break-all;
-      }
 
         svg {
           margin-right: 8px !important;
@@ -24,6 +23,7 @@
         svg.tw-mr-1.svg.octicon-tag {
           margin-top: 1px;
         }
+      }
 
       .js-branch-tag-selector {
         margin-top: 8px;