diff --git a/.github/release.md b/.github/release.md index a37a132..451a23b 100644 --- a/.github/release.md +++ b/.github/release.md @@ -4,8 +4,11 @@ ## 🎈 Perf +- 稍微减小了热力图方块的大小 + ## 🐞 Fix - 修复顶部导航栏的菜单按钮悬浮颜色 - 修复选择输入框的样式 -- 修复创建仓库时拥有者按钮的高度 \ No newline at end of file +- 修复创建仓库时拥有者按钮的高度 +- 修复一些输入框在整体元素中不居中 \ No newline at end of file diff --git a/styles/public/dropdown.tsx b/styles/public/dropdown.tsx index 208cd68..9f90615 100644 --- a/styles/public/dropdown.tsx +++ b/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; diff --git a/styles/public/input.tsx b/styles/public/input.tsx index cdca046..7b3386b 100644 --- a/styles/public/input.tsx +++ b/styles/public/input.tsx @@ -34,4 +34,8 @@ export const input = css` .ui.input { height: 32px; } + // 由于输入框高度, 需要输入框在表单中垂直居中 + .ui.form { + align-items: center; + } `; diff --git a/styles/public/label.tsx b/styles/public/label.tsx index 8a1f393..ee1723a 100644 --- a/styles/public/label.tsx +++ b/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; + } } } `;