Actions和菜单项同步

src/actions.scss

@@ -18,11 +18,18 @@
     }
   }
 }
+.ui.container.action-view-container {
+  width: auto;
+}
+
+.action-view-left.action-view-left {
+  margin-top: 16px;
+  margin-right: 24px;
 
-.action-view-left {
   .job-brief-item {
-    position: relative;
     border-radius: 0.5rem !important;
+    padding: 8px;
+    position: relative;
     margin-left: 0.5rem;
 
     &.selected {
@@ -37,23 +44,35 @@
         background: #1f6feb;
         border-radius: 0.375rem;
         content: '';
-        height: 1.8rem;
-        left: -0.5rem;
+        height: 24px;
+        left: calc(0.5rem * -1);
         position: absolute;
-        top: calc(50% - 13px);
-        width: 0.25rem;
+        top: calc(50% - 12px);
+        width: 4px;
       }
     }
   }
 }
 
 .action-view-right {
+  margin-top: 16px;
+
+  .job-info-header {
+    padding: 16px 12px 16px 24px;
+    height: auto;
+  }
+
   .job-step-container {
     .job-step-summary {
       color: var(--color-console-fg-subtle);
+      padding: 8px 10px;
+
+      &.step-expandable:hover {
+        color: var(--color-console-fg-subtle);
+      }
 
       .tw-mr-2:not(.svg) svg.svg {
-        margin: 2px 6px 0px 2px;
+        margin: 1.5px 6px 0px 2px;
       }
 
       svg.svg.text.green {
@@ -61,6 +80,9 @@
       }
 
       &.selected {
+        color: var(--color-console-fg) !important;
+        background-color: var(--color-console-active-bg) !important;
+
         svg.svg.text.green {
           color: #f0f6fc !important;
         }