diff --git a/.github/release.md b/.github/release.md index e69de29..edfbe30 100644 --- a/.github/release.md +++ b/.github/release.md @@ -0,0 +1,10 @@ + +### 🌈 Style + +##### 更符合 GitHub 风格 + +- 优化创建仓库标签管理菜单项的样式 + +### 🐞 Fix + +- 修复后台账户管理排序菜单项的宽度问题 \ No newline at end of file diff --git a/styles/public/dropdown.ts b/styles/public/dropdown.ts index afe1f49..9eb8a93 100644 --- a/styles/public/dropdown.ts +++ b/styles/public/dropdown.ts @@ -19,6 +19,7 @@ export const dropdown = css` align-items: center; padding: 6px 8px !important; border-radius: ${otherThemeVars.border.radius} !important; + gap: 4px; &:not(.emoji) { margin: 0 8px; } @@ -48,7 +49,7 @@ export const dropdown = css` } svg { margin-top: 2px; - margin-right: 8px; + margin-right: 4px; } // 复选框对齐 .ui.checkbox input[type="checkbox"] { @@ -91,7 +92,7 @@ export const dropdown = css` .user-menu>.item, // Issue/PR 菜单 .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-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`