分支及分支菜单按钮优化

.github/release.md

@@ -1,3 +1,6 @@
 工作流禁用标签颜色和位置优化
 微调侧边栏元素的间隔以更符合 Github
-调整发布页左侧栏以更符合 Github
+调整发布页左侧栏以更符合 Github
+手动工作流分支按钮优化
+仓库分支下拉菜单优化
+下拉菜单按钮优化

src/actions.scss

@@ -1,5 +1,5 @@
 // Made by Luting ^-^
-// 禁用工作流标签
+// 工作流禁用标签
 .ui.vertical.menu .item > .ui.red.label {
   color: var(--color-error-text);
   border: 1px solid var(--color-error-border);
@@ -7,6 +7,18 @@
   margin-top: 0.5px;
 }
 
+// 手动工作流下拉列表
+#runWorkflowDispatchForm {
+  // 分支选择按钮
+  .ui.dropdown.button.branch-selector-dropdown {
+    padding: 8px 24px 8px 8px;
+
+    svg.octicon-git-branch {
+      margin-right: 6px;
+    }
+  }
+}
+
 .job-step-summary {
   color: var(--color-console-fg-subtle);
 }

src/dropdown.scss

@@ -111,6 +111,8 @@
 .ui.dropdown > .visible.menu .scrolling.menu,
 .ui.button.dropdown .menu {
   .item {
+    display: flex;
+    align-items: center;
     border-radius: var(--border-radius);
     margin: 0 8px;
 
@@ -126,32 +128,50 @@
   }
 }
 
-// 分支菜单下划线
+.ui.dropdown.branch-selector-dropdown > .visible.menu {
-.ui.dropdown > .visible.menu .scrolling.menu .item {
+  // 仓库分支列表下查看操作按钮
-  &:before {
+  > .item {
-    content: ' ';
+    display: flex;
-    display: block;
+    align-items: center;
-    position: absolute;
+    border-radius: var(--border-radius);
-    width: 100%;
+    margin: 8px;
-    top: 0px;
+    padding: 6px 8px !important;
-    left: 0px;
-    border-width: 1px 0px 0px;
-    border-style: solid;
-    border-image: initial;
-    border-color: #3d444db3;
   }
 
-  &:first-of-type:before {
+  .scrolling.menu .item {
-    border-color: transparent;
+    padding: 6px 0px 6px 16px !important;
-  }
 
-  &:hover {
+    // 分支菜单下划线
     &:before {
+      content: ' ';
+      display: block;
+      position: absolute;
+      width: 100%;
+      top: 0px;
+      left: 0px;
+      border-width: 1px 0px 0px;
+      border-style: solid;
+      border-image: initial;
+      border-color: #3d444db3;
+    }
+
+    &:first-of-type:before {
       border-color: transparent;
     }
 
-    + :before {
+    &:hover {
-      border-color: transparent;
+      &:before {
+        border-color: transparent;
+      }
+
+      + :before {
+        border-color: transparent;
+      }
+    }
+
+    .ui.label {
+      margin-top: 1px;
+      margin-left: auto;
     }
   }
 }