From 7921a8872b2062376b822f7ac9fddb80972fc6c9 Mon Sep 17 00:00:00 2001 From: lutinglt Date: Mon, 7 Jul 2025 22:03:18 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=B8=80=E4=BA=9B=E8=BE=93?= =?UTF-8?q?=E5=85=A5=E6=A1=86=E5=9C=A8=E6=95=B4=E4=BD=93=E5=85=83=E7=B4=A0?= =?UTF-8?q?=E4=B8=AD=E4=B8=8D=E5=B1=85=E4=B8=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/release.md | 5 ++++- styles/public/dropdown.tsx | 4 ++++ styles/public/input.tsx | 4 ++++ styles/public/label.tsx | 12 ++++++++++++ 4 files changed, 24 insertions(+), 1 deletion(-) 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; + } } } `;