修复一些下拉菜单样式

This commit is contained in:
lutinglt
2025-09-11 18:09:00 +08:00
parent 243cf80a34
commit 5ef97d7fd5
2 changed files with 20 additions and 2 deletions

10
.github/release.md vendored
View File

@@ -0,0 +1,10 @@
### 🌈 Style
##### 更符合 GitHub 风格
- 优化创建仓库标签管理菜单项的样式
### 🐞 Fix
- 修复后台账户管理排序菜单项的宽度问题

View File

@@ -19,6 +19,7 @@ export const dropdown = css`
align-items: center; align-items: center;
padding: 6px 8px !important; padding: 6px 8px !important;
border-radius: ${otherThemeVars.border.radius} !important; border-radius: ${otherThemeVars.border.radius} !important;
gap: 4px;
&:not(.emoji) { &:not(.emoji) {
margin: 0 8px; margin: 0 8px;
} }
@@ -48,7 +49,7 @@ export const dropdown = css`
} }
svg { svg {
margin-top: 2px; margin-top: 2px;
margin-right: 8px; margin-right: 4px;
} }
// 复选框对齐 // 复选框对齐
.ui.checkbox input[type="checkbox"] { .ui.checkbox input[type="checkbox"] {
@@ -91,7 +92,7 @@ export const dropdown = css`
.user-menu>.item, .user-menu>.item,
// Issue/PR 菜单 // Issue/PR 菜单
.ui.menu .ui.dropdown.item .menu .item { .ui.menu .ui.dropdown.item .menu .item {
width: auto; width: calc(100% - 16px); // 减去上方 item 的 margin 左右边距
} }
// 去掉下拉菜单的边框线 // 去掉下拉菜单的边框线
// 设置里的下拉菜单 // 设置里的下拉菜单
@@ -191,6 +192,13 @@ export const selectionDropdown = css`
border-top-left-radius: ${otherThemeVars.border.radius} !important; border-top-left-radius: ${otherThemeVars.border.radius} !important;
border-top-right-radius: ${otherThemeVars.border.radius} !important; border-top-right-radius: ${otherThemeVars.border.radius} !important;
} }
// 针对创建仓库的工单标签菜单中的标签换行和颜色
.ui.search.selection.dropdown > .menu > .item {
flex-wrap: wrap;
> i {
color: ${themeVars.color.text.light.num1};
}
}
`; `;
export const fixSelectionDropdown = css` export const fixSelectionDropdown = css`