修复一些输入框在整体元素中不居中

.github/release.md

@@ -4,8 +4,11 @@
 
 ## 🎈 Perf
 
+- 稍微减小了热力图方块的大小
+
 ## 🐞 Fix
 
 - 修复顶部导航栏的菜单按钮悬浮颜色
 - 修复选择输入框的样式
 - 修复创建仓库时拥有者按钮的高度
+- 修复一些输入框在整体元素中不居中

styles/public/dropdown.tsx

@@ -125,6 +125,10 @@ export const selectionDropdown = css`
     box-shadow: inset 0 0 0 1px ${themeVars.github.borderColor.accent.emphasis};
     outline: none;
   }
+  // 由于之前的排除导致样式优先级变高, 小按钮去除圆角
+  .ui.action.input>.dropdown.small:not(:first-child) {
+    border-radius: 0;
+  }
   // 排除一些小按钮, 例如软件包类型, 通常相邻有元素
   .ui.selection.dropdown.active:not(.small) {
     border-bottom-left-radius: ${otherThemeVars.border.radius} !important;

styles/public/input.tsx

@@ -34,4 +34,8 @@ export const input = css`
   .ui.input {
     height: 32px;
   }
+  // 由于输入框高度, 需要输入框在表单中垂直居中
+  .ui.form {
+    align-items: center;
+  }
 `;

styles/public/label.tsx

@@ -101,21 +101,33 @@ export const shaLabel = css`
     &.sign-trusted {
       border: 1.5px solid ${themeVars.color.green.badge.self} !important;
       color: ${themeVars.color.green.badge.self} !important;
+      &:hover {
+        background-color: ${themeVars.color.green.badge.hover.bg} !important;
+      }
     }
     // 验证未信任
     &.sign-untrusted {
       border: 1.5px solid ${themeVars.color.yellow.badge.self} !important;
       color: ${themeVars.color.yellow.badge.self} !important;
+      &:hover {
+        background-color: ${themeVars.color.yellow.badge.hover.bg} !important;
+      }
     }
     // 验证未匹配
     &.sign-unmatched {
       border: 1.5px solid ${themeVars.color.orange.badge.self} !important;
       color: ${themeVars.color.orange.badge.self} !important;
+      &:hover {
+        background-color: ${themeVars.color.orange.badge.hover.bg} !important;
+      }
     }
     // 验证警告
     &.sign-warning {
       border: 1.5px solid ${themeVars.color.red.badge.self} !important;
       color: ${themeVars.color.red.badge.self} !important;
+      &:hover {
+        background-color: ${themeVars.color.red.badge.hover.bg} !important;
+      }
     }
   }
 `;